【问题标题】:How to limit Kendo multiselect to 2 items selection如何将 Kendo 多选限制为 2 项选择
【发布时间】:2015-07-16 07:01:16
【问题描述】:

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

【问题讨论】:

    标签: kendo-ui kendo-multiselect


    【解决方案1】:

    您可以像这样轻松设置:

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

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

    【讨论】:

    • 有什么方法可以在标签本身中添加这个属性?
    • 我不这么认为,即使对于angularjs,我在他们的文档中也找不到任何内容。你可以看到 here 他们是如何设置 maxSelectedItems 的。
    • 应该是这个吧,你不觉得$("#CompSelect").data("kendoMultiSelect").options.maxSelectedItems = 2;
    • 嗯,这就是我的回答:)
    • 你去哪儿了?显示更多代码,其他东西阻止它工作。您的问题应该很容易解决,文档准确地显示了要做什么,并且我已经在我自己的 multiSelects 中成功地对其进行了测试。
    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2012-08-05
      • 1970-01-01
      • 1970-01-01
      • 2022-11-01
      • 1970-01-01
      • 2019-04-02
      • 2011-03-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多