Kendo UI Autocomplete Выбрать все

Question

У меня есть это текстовое поле автозаполнения пользовательского интерфейса Kendo, и я хочу реализовать опцию select all/remove all.

Требования: когда пользователь нажимает кнопку «Выбрать все», необходимо обновить элемент управления со всеми значениями, которые не были выбраны ранее.

До сих пор у меня есть:

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