2016-12-30 22 views
0

私はこの剣道UIのオートコンプリートテキストフィールドを持っており、すべて選択/すべて削除オプションを実装したいと思います。剣道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> 

私は

答えて

1

はこれを試してみてくださいJavaScriptの/ jqueryのを使用したい:

<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

を参照してください。
関連する問題