如何在更改选择标签时更新视图部分

Question

使用 ASP.Net MVC 1.0 我有一个带有一些输入控件的表单。其中之一是下拉菜单（选择）。当用户更改此下拉列表时，我喜欢使用 RenderPartial() 或类似的方法更新 DIV 标记。

我的视图目前是这样的：

<% using (var form = Html.BeginForm())
   { %>
       <label for="FieldIdentifier">Identifier:</label>
       <%=Html.TextBox("FieldIdentifier", Model.FieldIdentifier)%>
       ...

       <label for="DataType">DataType:</label>
       <%=Html.DropDownList("DataType", Model.AvailableDataTypes)%>

       <div id="DataTypeOptions">
          <% Html.RenderPartial("FieldDataTypeOptions", Model); %>
       </div>
       ...

在 Webforms 中，我正在寻找的功能可以通过下拉列表和 DIV 周围的 UpdatePanel 来完成。 Ajax.BeginForm() 可以在这里提供帮助，还是需要“OnChange”客户端事件上的 JScript？如果是这样，如何使用 JScript 更新视图的 DIV 部分？

任何帮助都会很棒！

干杯， 马克

Answer 1

如果您想根据下拉列表中的更改更新 DIV，那么您需要在控制器上执行一个操作，该操作可以根据下拉列表值仅返回正确的局部视图。我建议使用 jQuery 为下拉列表添加更改处理程序并调用操作以通过 jQuery 加载获取部分。

$(function() {
    $("#DataType").change( function() {
        $("#DataTypeOptions").load( '<%= Url.Action( "GetDataTypeOptions" ) %>?dataType=' + $(this).val() );
    });
});

（注意 div 名称的变化——我认为你有错字）

你在同一个控制器上有一个动作

public ActionResult GetDataTypeOptions( string dataType )
{
    var model = ... uses dataType to get model ...

    return Partial( "FieldDataTypeOptions", model );
}

如果您的“Get”方法需要更多输入，只需向该方法添加参数，并根据其他输入元素的值在加载调用中构造参数。