Kendo UI Autocomplete全選

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