动态更改局部视图以显示jQuery对话框MVC 4剃刀

时间:2014-03-27 14:18:22

标签: asp.net-mvc jquery-ui-dialog asp.net-mvc-partialview

我不确定这是否是编写此代码的好方法。

我有一个jQuery对话框,显示一个下拉列表和一个名单列表。

当用户在下拉列表中选择一个值时,列表必须动态更改,包括关闭对话框并打开新对话框,并在下拉列表中显示与选项相关的名称。

我正在使用MVC 4剃须刀,并且在我的视图中单击按钮时显示对话框。我有一个控制器方法,它根据下拉值从数据库中检索名称列表。

我有一个部分视图Action方法来显示对话框。

首先我尝试使用ViewBag但是当选择下拉值时,即使我丢弃现有的数据并打开一个新数据,对话框中的数据也不会改变。

有没有办法实现这个?我已经查看了一些与此相关的问题,但我无法找到解决问题的方法。

控制器:

    public ActionResult selectDialog()
    {
        return PartialView("selectDialog");
    }

查看:

<script>
$("#opener").click(function () {
    $("#dialog").dialog();
});
</script>

<div id="dialog" title="Select Mall">
 @Html.Partial("selectDialog")
</div>         

部分观点:

<div id="dialog" title="Select Mall">
<table><tr><td>
<p>Please Select the City</p>
<select id="scity "name="scity" onchange="getnames()">
 @foreach (var m in @ViewBag.Cities) { 
<option value="@m.Id">@m.Name</option>
    }
</select></td><td>
<p>Please Select the Name</p>
 @foreach (var n in @ViewBag.Names) { 
<input type="checkbox" name="abc">@n.Name<br>
 }
  </td></tr>
</table>
</div>         

提前谢谢。

0 个答案:

没有答案