Kendo UI 自动完成 Select 全部

Question

我有这个 Kendo UI 自动完成文本字段，我想实现 select all/remove 全部选项。

要求是当用户单击 select 时，无论之前 select 编辑了什么，都应使用所有值更新控件。

到目前为止我有：

 @(Html.Kendo().MultiSelect()
    .Name("step1")
    .Placeholder(@ResCont.Resources.placeHolderCn)
    .DataTextField("Text")
    .DataValueField("Value")
    .BindTo(EUCountries)    
    .Events(e =>
    {
        e.Change("onstep1Change");
    })

 <a href="#" id="all">select all</a>
 <a href="#" id="clear">clear</a>

我想使用 javascript/jquery

Answer 1

试试这个：

<script>
        $(document).ready(function() {
          // create MultiSelect from select HTML element
          var required = $("#multiselectId").kendoMultiSelect().data("kendoMultiSelect");

          $("#all").click(function() {
            var values = $.map(required.dataSource.data(), function(dataItem) {
              return dataItem.value;
            });

            required.value(values);
          });

          $("#clear").click(function() {
            required.value([]);
          });
        });
</script>

参考http://docs.telerik.com/kendo-ui/controls/editors/multiselect/how-to/select-deselect-all-items

Kendo UI 自动完成 Select 全部

Kendo UI Autocomplete Select all

javascript

jquery

autocomplete

telerik

kendo-ui