jquery - MVC3 Razor 查看多选下拉菜单

Question

我想在 MVC3 razor 视图（cshtml）中创建一个多选下拉列表（所有选项都有复选框可供选择）。

我搜索了很多，到处都发现了使用 chozen 等 Jquery 插件的建议。由于一些限制，我无法使用外部工具。

Answer 1

如果不能使用外部工具，唯一的办法就是使用ListBoxhelper。您的代码可能如下所示：

@Html.ListBoxFor(model => model.Selected, 
        Model.AllItems.Select(fl => new SelectListItem {
             Text = fl.Name,
             Value = fl.Id.ToString(),
             Selected = Model.Selected.Any(y => y.Id == fl.Id)
   }), new {Multiple = "multiple"})

它将呈现经典的 HTML 列表框。

BTW Choosen 只是 Javascript 插件，它不会修改您代码中的任何内容。它只会在用户浏览器“GUI”中替换以选择项目。