如何在mvc 4中使用多个选择？

Question

我想使用多选在 选上的.我有技能模型,

public class Skill 
    {
        public int Id { get; set; }
        public string Name { get; set; }        
    }

这适用于我的应用程序:

    <select data-placeholder="Choose a Country..." class="chzn-select" multiple >
           <option value=""></option>
           <option value="United States">United States</option>
           <option value="Albania">Albania</option>
           <option value="Algeria">Algeria</option>
   </select>

我想用我的数据替换国家数据.在控制器我写:

        var list = MyService.LoadAllSkills();
        ViewBag.Skills = new MultiSelectList(list, "Id", "Name");

在视图中:

@Html.ListBox("Name", ViewBag.Skills as MultiSelectList,
              new { @class = "chzn-select" } )

查看@ Html.ListBox()和@ Html.DropDownList()的结果不一样<select>

我得到了这样的结果:

但是,我想得到结果

如何更改选择的样本？

Answer 1

我可以在硬编码示例(您声明工作)和使用ListBox帮助器生成的示例之间看到的唯一区别是缺少data-placeholder属性.所以:

@Html.ListBox(
    "Countries", 
    ViewBag.Skills as MultiSelectList,
    new { @class = "chzn-select", data_placeholder = "Choose a Country..." } 
)

这应该至少生成与您所说的工作相同的标记.如果它不起作用,那么可能你没有正确设置插件或你有一些其他的javascript错误.阅读插件的文档,了解如何设置它.