如何将 Kendo 多选限制为 2 个项目选择

Question

我想将 kendo 多选限制为 2 项选择。我看到 maxSelectedItems 选项可以帮助我，但不确定在下面的标签中添加它的位置。任何帮助将不胜感激。

<select class="k-widget multiselect" data-role="multiselect" id="CompSelect"
     data-placeholder=""
     data-value-primitive="true"
     data-text-field="CompNameId"
     data-value-field="CompId"
     data-bind="value: SelectedComps,
         source: CompaniesList,
         events: {
         change: onChange,
     }">
</select>

Answer 1

您可以像这样轻松设置：

$("#CompSelect").data("kendoMultiSelect").options.maxSelectedItems = 2;

以上代码可以放在dataBound事件的函数中。这样，一旦数据绑定到 MultiSelect，它就会设置 maxSelectedItems.

Answer 2

此外，检查 this link。

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
    <option>Item4</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
    maxSelectedItems: 3 //only three or less items could be selected
});
</script>

如何将 Kendo 多选限制为 2 个项目选择

How to limit Kendo multiselect to 2 items selection

kendo-ui

kendo-multiselect