Javascript 通过DropDownList而不是MultiSelect进行剑道UI网格过滤

Javascript 通过DropDownList而不是MultiSelect进行剑道UI网格过滤,javascript,jquery,kendo-ui,kendo-grid,Javascript,Jquery,Kendo Ui,Kendo Grid,下面的代码段使用MultiSelect字段来筛选项目数组。仅当在MultiSelect中选择了项目并且单击了“Filter”(筛选)按钮时,才会进行筛选。 如何使用DropDownList进行设置?此外,一旦在DropDownList中选择了一个项目,如何在不单击按钮的情况下立即过滤网格 编辑: 这里有一个新的。设法实现了DropDownList。我使用了以下更改事件,但现在筛选不起作用: change: function() { var value = dropdown.value();

下面的代码段使用MultiSelect字段来筛选项目数组。仅当在MultiSelect中选择了项目并且单击了“Filter”(筛选)按钮时,才会进行筛选。

如何使用DropDownList进行设置?此外,一旦在DropDownList中选择了一个项目,如何在不单击按钮的情况下立即过滤网格

编辑:

这里有一个新的。设法实现了DropDownList。我使用了以下更改事件,但现在筛选不起作用:

change: function() {
  var value = dropdown.value();
  if (value) {
  grid.data("kendoGrid").dataSource.filter({
      field: "Territories",
      operator: function (itemValue) {
      var matchingItem = itemValue.find(function (item) {
        return $.inArray(item.TerritoryID, value) >= 0;
      });
        return matchingItem !== null;
      }
    });
  }

您好,工具栏网格在线演示中介绍了相同的场景。它会立即过滤,因为它使用DropDownList的更改事件立即调用过滤方法。

设法使代码适应更改事件,但过滤现在不起作用。我已经在上面发布了变更代码。