asp.net-mvc-3 - C# MVC3 列表框回调

Question

我ListBox在 MVC 中创建一个：

@Html.ListBoxFor(model => model.SelectedItemIds, new SelectList(Model.Items, "Value", "Text"))

效果很好，我可以看到ListBox出现在视图中。

当用户单击并选择列表中的项目时，我想添加某种回调。如何使用 MVC3 做到这一点？

Answer 1

你可以做这样的事情

@using(html.begainform( ........your action name........))
{
@Html.ListBoxFor(model => model.SelectedItemIds, new SelectList(Model.Items, "Value", "Text"))
}

& 在 jquery 中你可以写这样的东西

   $("<Id or class of your ListBox>").change(function() {
        this.form.submit();
   }); 

Answer 2

最好为您的 ListBox 添加一个 id 参数，然后使用 jQuery 执行您想要的任何回调。您的代码行将如下所示：

@Html.ListBoxFor(model => model.SelectedItemIds, new SelectList(Model.Items, "Value", "Text"), new {id = "MyListBox")

之后，您可以轻松地在 jQuery 中连接一个事件，如下所示：

$('#MyListBox').change(function() { ...some function... } );

Answer 3

您可以使用此重载添加 javascript onChange 处理程序：

@Html.ListBoxFor(model => model.SelectedItemIds, new SelectList(Model.Items, "Value", "Text"), new{onchange="onListBoxChanged(); return false;"})

其中 onListBoxChanged() 是 javascript 函数。