Question

我有这个Kendo UI自动填充文本字段，我想实现select all / remove all选项。

要求是当用户点击select 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

Kendo UI自动完成选择全部

1 个答案: