asp.net-mvc - MVC - FileContentResult 因下拉列表选择而异

Question

在我的 MVC 项目中，我的 View 上生成了一个图表，如下所示

<img alt="Report Chart" src="/Home/GetChart" /></div>

它调用一个返回 FileContentResult 的 Controller

Function GetChart() As FileContentResult
    Return File(MyChart(), "image/png")
End Function

其中 mychart 是一个私有(private)子，它返回一个字节数组作为图表图像。

无论如何，我的问题是我希望它从我在 View 上的下拉列表中生成不同的数据。因此，当单击帖子时，我将阅读所选项目并针对它生成图表。现在下拉列表和按钮工作正常，在 post 方法上，我可以使用“请求”或通过将下拉 id 作为参数传递来读取选定的下拉项，但这不适用于图表，我无法读取下拉选择或传递它在 html src 标记中调用 Controller 时。如何获取此 Controller 功能的下拉列表的值。任何帮助表示赞赏，谢谢

Answer 1

您需要使用 javascript 来执行此操作。请注意，您还想在模型参数上使用 Url.Action 助手设置初始图表 ID。我使用 InitialChart 作为变量来保存默认图表 ID。

$(function() {
   $('#chartDropdown').change( function() {
       $('#reportChart').attr( 'src', '<%= Url.Action( "Chart", "Home" ) %>'
           + '/' + $(this).val() );
   });
});

然后更改您的标记(查看)

<img id="reportChart"
     alt="Report Chart"
     src='<%= Url.Action( "Chart", "Home", new { id = Model.InitialChart } ) %>'
     />

和你的行动

Function GetChart(ByVal id as Integer) As FileContentResult
    Return File(MyChart(id), "image/png")
End Function