Question

我使用this jquery plugin来选择多个值。

在创建视图上，我使用此插件将数据正确保存到数据库。现在，我很难在这个插件中应用加载的值。

让我们说我从db传递一些数据（以前使用此插件存储）

public ActionResult Demo()
{
    List<MyData> data = _repo.getData();
    return View(data);
}
public class MyData {
    public int[] SelectedData{ get; set; }
    ...
}

在内部视图中，具有此多个选定值的每个输入元素都具有唯一ID，以便在js函数中进一步处理以进行正确识别。

Demo.cshtml
<script src="~/Scripts/bootstrap-multiselect.js"></script>
@foreach (var item in Model.SelectedData){
    var multiSelDiv = "multiValues" + index;
    <input id=@multiSelDiv type="text" value="@item.SelectedValues">
}

问题是：如何将此效果应用于此加载的数据（在foreach块内）？

Answer 1

jQuery multiselect插件仅适用于select个项目。您必须在视图中使用动态select呈现options代码。

<script src="~/Scripts/bootstrap-multiselect.js"></script>
<select class="select">
@foreach (var item in Model.SelectedData){
    var multiSelDiv = "multiValues" + index;
    <option value=@multiSelDiv>@item.SelectedValues</option>
}
<select>

在客户端，您可以按类名选择项目并应用插件。

$('.select').multiselect({

});

应用jquery多选效果

1 个答案: