如何在Javascript中动态设置kendo Multiselect的MaxSelectedItems属性答案

【问题标题】：How to set MaxSelectedItems property of kendo Multiselect dynamically in Javascript如何在Javascript中动态设置kendo Multiselect的MaxSelectedItems属性
【发布时间】：2014-10-10 08:40:51
【问题描述】：

net mvc，我想使用 javascript 根据一些代码动态设置 Kendo Multiselect 的 MaxSelectedItems 属性。请参阅下面的代码片段。提前致谢。

@Html.Kendo().MultiSelectFor(model => model.Name)

在我的 javascript 中

if(condition)
{    
    $(#Name).MaxSelectedItems(1);
}

JS 不工作

【问题讨论】：

标签： kendo-ui kendo-asp.net-mvc kendo-multiselect

【解决方案1】：

尝试做：

if (condition) {
    var ms = $("#multiselect").data("kendoMultiSelect");
    ms.options.maxSelectedValue = 6;
}

例子：

$("#required").kendoMultiSelect({
  maxSelectedItems : 4
}).data("kendoMultiSelect");

$("#change6").on("click", function() {
  var sel = $("#required").data("kendoMultiSelect");
  sel.options.maxSelectedItems = 6;
}); 
$("#change4").on("click", function() {
  var sel = $("#required").data("kendoMultiSelect");
  sel.options.maxSelectedItems = 4;
});

<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css" rel="stylesheet"/>
<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css" rel="stylesheet"/>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script>

<button id="change6" class="k-button">Change to 6</button><br/>
<button id="change4" class="k-button">Change to 4</button><br/>
<select id="required" multiple="multiple" data-placeholder="Select attendees...">
  <option>Steven White</option>
  <option>Nancy King</option>
  <option>Nancy Davolio</option>
  <option>Robert Davolio</option>
  <option>Michael Leverling</option>
  <option>Andrew Callahan</option>
  <option>Michael Suyama</option>
  <option selected>Anne King</option>
  <option>Laura Peacock</option>
  <option>Robert Fuller</option>
  <option>Janet White</option>
  <option>Nancy Leverling</option>
  <option>Robert Buchanan</option>
  <option>Margaret Buchanan</option>
  <option selected>Andrew Fuller</option>
  <option>Anne Davolio</option>
  <option>Andrew Suyama</option>
  <option>Nige Buchanan</option>
  <option>Laura Fuller</option>
</select>

【讨论】：

HI OnaBai 谢谢你的回答。但在我的代码中，我没有使用
这不是问题。您需要在 JavaScript 代码中做的唯一一件事是获取对 MultiSelect 的引用（您可能知道名称），然后按照我的示例进行操作。

【解决方案2】：

 @(Html.Kendo().MultiSelect()
            .Name("ArenaList2")
            .Placeholder("Select attendees...")
            .BindTo(Model.ArenaList)
            .DataTextField("Text")
            .DataValueField("Value")
            .MaxSelectedItems(3)
 )

您可以使用此选项在控件本身中配置它.MaxSelectedItems(3)

【讨论】：

问题是关于有条件地设置MaxSelectedItems属性。