引导多重选择按钮

Question

在以前，我使用标准复选框，但现在，我想使用引导程序多重选择框。

目前，我在下拉菜单中看不到任何行。

我的新代码：

<li>
<select href="#" class="selectpicker" data-value="option1" tabIndex="-1" multiple data-selected-text-format="count">
   <option checked>&nbsp;@Html.DisplayTextFor(model => Model.AvailableCompanies[i].NAME)</option>
   <option name="selection[@i]" value="true"></option>
   <option name="ids[@i]" value="@Model.AvailableCompanies[i].ID"></option>
</select></li>

我以前的代码：

<li>
<a href="#" class="small" data-value="option1" tabIndex="-1">
    <input type="checkbox" checked />&nbsp;@Html.DisplayTextFor(model => Model.AvailableCompanies[i].NAME)
    <input type="hidden" name="selection[@i]" value="true"/>
    <input type="hidden" name="ids[@i]" value="@Model.AvailableCompanies[i].ID" />
</a>

Answer 1

在C＃中，我们有很酷的帮助器和“多选”按钮

@Html.ListBoxFor(model => model.Companies,
new MultiSelectList(Model.AvailableCompanies, "ID", "NAME", null),
    new
    {
    data_dropdown_align_right = "auto",
    id = "",
    data_selected_text_format = "count",
    data_actions_box = "true",
    @class = "selectpicker form-control",
    multiple = "multiple",
    data_live_search = "true"
    })