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