javascript - Kendo UI 自动完成 全选

Question

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

要求是当用户单击“全选”时，无论之前选择了什么，都应该使用所有值更新控件。

到目前为止我已经:

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