jquery - 为多选列表选择的 jquery 插件未以编辑形式显示值

Question

我正在为多选列表使用选择的 jquery 插件。我的问题是它没有以编辑的形式显示选定的值。

我的控制代码是

ArrayList selectedrole = new ArrayList();
foreach (var role in employee.CompanyRoles)
{
    selectedrole.Add(role.CompanyRoleId.ToString());
}

[ViewBag.CompanyRoleId = new SelectList(CompanyRole, "CompanyRoleId", "RoleName", selectedrole);]

我的查看代码

<div class="editor-label">
    Role
</div>
<div class="editor-field">
    @Html.ListBox("emprole", ViewBag.CompanyRoleId as MultiSelectList , new
                 {
                     @class = "chzn-select",
                     data_placeholder = "Choose  Role...",
                     style="width:350px;" 
                 })
</div>

和我的剧本

$(".chzn-select").chosen({ allow_single_deselect: true });

任何人都可以告诉我我做错了什么，当表单以编辑模式显示时，它没有显示选定的值。

Answer 1

在下面的代码中selectedrole，预计与CompanyRoles. 它也只允许选择一项。

ViewBag.CompanyRoleId = new SelectList(CompanyRoles, "CompanyRoleId", "RoleName", selectedrole);

你需要MultiSelectList改用。

ViewBag.CompanyRoleId = new MultiSelectList(CompanyRoles, "CompanyRoleId", "RoleName", employee.CompanyRoles.ToList());