MVC：加载数组，具体取决于下拉列表的客户端选择

Question

我想做以下事情： - 在我的 aspx 页面上加载一个数组（意味着使用 EF 来过滤请求的结果），具体取决于客户端的下拉列表的选择（包含在我的请求结果中传递参数的 id）。

我想我必须通过 jquery 或类似的东西。

我已经开始寻找解决方案，就像这样。我不确定我是否能找到解决方案的好方法。 我对 MVC 和客户端脚本非常了解，所以我愿意接受任何其他类型的解决方案或任何好的教程来解释我的问题的结果。

<script type="text/javascript" src="/Scripts/jquery-1.5.2.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.11.custom.js"></script>
<script type="text/javascript">
        $(function() {
           $("#FK_MET_ID").change(function() {
              $.get("/Provider/UpdateListProvider", function(data) {
              // something must be written here ?
              $("#ResultProvider").toggle(); // the div, containing my generated result ? 
                });
            });
        });
</script>

<% using (Html.BeginForm("Action", "Post")){%>    

<div id="ResultProvider"></div>

<%= Html.DropDownList("FK_MET_ID"); %>
<% } %> 

（我使用以下教程开始编码这部分代码： http://www.dotnetcurry .com/ShowArticle.aspx?ID=443)

Answer 1

您的方法是正确的，您必须添加一些脚本才能使其正常工作。您需要传入所选值，您应该将控制器代码添加到问题中。也许这更像是一个帖子而不是一个获取，但这超出了这个问题的范围。你返回的数据是什么？我认为你应该使用 jquery template 来显示你的数据。

$(function() {
           $("#FK_MET_ID").change(function() {
              $.get("/Provider/UpdateListProvider/" + $(this).val(), function(data) {

                if (data) {
                    $("#contractsTemplate").tmpl(data).appendTo('#contracts');
                }

                });
            });
        });

编辑：

最好的方法是使用 Json，在你的控制器中，你需要一个像这样的方法：

[HttpPost]
public virtual JsonResult GetContracts(string nameOfTheVariable)
        {
            var contracts = _session.All<Contract>();//add restriction with the variable
            return Json(contracts);
        }

在你看来，你可以使用 jquery template ：

<script id="contractsTemplate" type="test/x-jquery-tmpl">
    <li><a href="/contract/${Id}/version/${Version}/edit">${Filename}</a>   <span>${Status}</span></li>
</script>

<script type="text/javascript" src="@Links.Content.javascript.jquery_tmpl_min_js"></script>
<script type="text/javascript">

    $(function () {
        GetContracts();
    });

    function GetContracts() {
        $.ajax({
            type: "POST",
            url: "/API/GetContracts",
            dataType: "json",
            success: function (data) {
                $('#contracts').empty();
                if (data) {
                    $("#contractsTemplate").tmpl(data).appendTo('#contracts');
                }
            }
        });
    }
</script>

您需要在 global.ascx 中添加一个自定义路由，该路由将指向您的控制器，其中包含您想要的操作和您需要的参数 nameOfTheVariable ，或者您也可以将其作为查询来执行参数 yoururl.com$action?nameOfTheVariable="value"

如果您需要更多帮助，请告诉我！