kendo-ui - 如何将 Kendo 多选限制为 2 项选择

Question

我想将剑道多选限制为 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

另外，请检查此链接。

<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>