问题描述
|
我正在尝试编写一个具有两个下拉列表的MVC网页。第二个列表的内容取决于在第一个列表中选择的内容。
似乎没有确定的方法可以使用内置的MVC函数来完成此操作,因此我将不得不自己动手做。但是,我不清楚获得所需的所有功能的最佳方法是……“与webforms相同” :)
我以类似的方式创建了下拉菜单
但是我不确定如何开发它,以便在第一次绑定时如果第一个列表中有一个'selected \'元素,它将在页面加载时自动通过第二个列表进行绑定。
编辑:
为了清楚起见,我可以将过滤后的列表绑定到第二个下拉列表。但是,如果我的模型包含第一个下拉菜单的选择,则该选择设置正确,但第二个下拉列表未填写。
(我是否必须声明自己对MVC不熟悉,而Java语言对我来说就像是某种外来语言?)
编辑2:
我已经考虑了更多。
显然,我受开发Web表单的时间影响很大,而我还不太“了解” MVC。
我认为确实有一些我应该在模型中捕获的东西(即,如果我已经有了设置两个下拉菜单的信息,那么我应该以某种方式在控制器中捕获并构建预设的下拉菜单。建立一个“ ondatabound \”类型的方法,并进行视图调用(这是我最初的意图)...现在,我需要确定如何做到这一点:)
解决方法
这是我发现的更好的实现之一。这个问题也在这里讨论。
,您的任务包含3个子任务:
您应该使用选定的值,在更改第一个ddl的选择时,ajax获取第二个ddl的项目列表
您应该执行以下操作:由控制器获取第二个DDL的项目列表,然后返回包含第二个DDL定义内容的View
您应该通过获取已处理操作的结果来更新第二个ddl的内容
<script type=\"text/javascript\">
$(function(){
$(\“ form#ddl_1 \”)。change(function(){
$ .get({//获取请求
网址:\“ @ Url.Action(\” MyController \“,\” GetList \“})\” + \“ / \” + $(this).val,
成功:function(data){//更新
$(\“ form#ddl_2 \”)。html(data);
}
})
});
</script>
如果您使用默认路由表(或者您需要通过自定义在路由表上创建特殊记录)并返回带有ddl2选项列表的部分视图(不包含母版页),则\“ GetList \”操作应采用参数\“ id \” , 像这样:
<option value=\"1\">First</option>
<option selected value=\"2\">Second</option>
<option value=\"3\">Third</option>
,请参阅此博客文章,以使用可下载的源代码在asp.net mvc中创建级联下拉列表。