4

我正在尝试过滤多个字段的数据源。我的网格上有一个 Kendo Multi 过滤器复选框选项。我为每一列初始化每个 Kendo 多重过滤器。

之后,我使用这样的 javascipt 函数应用过滤器,并将网格的数据设置为过滤后的数据。

function filterGrid() {
    var grid = $("#grid").data('kendoGrid');
    var filter = [];
    filter.push({ field: "ratingPlace", operator: "startswith", value: "US" });
    grid.dataSource.filter(filter);
    grid.dataSource.data(grid.dataSource.view());
}

因此,该函数将过滤器应用于网格。现在,当我单击 Kendo 多重过滤器选项时,旧数据源中的所有数据都会出现在过滤器列表中。

我怎样才能避免这种情况?我只需要过滤后的数据仅在过滤后的列表中可用,而不是在整个 dataSource 项中可用。在执行 filterGrid() 函数后初始化 Kendo 多个复选框过滤器时,我没有这个问题。有没有办法重新初始化每列的(“kendoFilterMultiCheck”)的来源?我附上了一个 jsfiddle 示例来演示相同的内容。

1)首先通过单击具有初始数据源的列标题来初始化所有过滤器多复选框 2)单击过滤器按钮 3)替换数据源 4)单击过滤器多重检查与新数据源 - 旧过滤器数据出现在列表中

http://jsfiddle.net/Sbb5Z/1712/

4

2 回答 2

0

这基本上是调整 Telerik 论坛上给出的解决方案,并将其更改为使用本地网格数据而不是单独的数据源。该代码还对新的过滤器数据进行排序(这是我遇到的原始问题)。

  function removeDuplicates(items, field) {
     var getter = function (item) { return item[field] };
     var result = [];
     var index = 0;
     var seen = {};

     while (index < items.length) {
        var item = items[index++];
        var text = getter(item);

        if (text !== undefined && text !== null && !seen.hasOwnProperty(text)) {
           result.push(item);
           seen[text] = true;
        }
     }

     return result;
  }

  function onFilterMenuOpen(e) {
     // Refresh and Sort the multi-filter selections
     if (e.field == "ratingPlace") {
        // Build up list of unique values for this column
        var gridView = $("#grid").data("kendoGrid").dataSource.view();
        var uniqueDsResult = removeDuplicates(gridView, e.field);

        // Empty the existing filter and populate with new data
        var filterMultiCheck = this.thead.find("[data-field=" + e.field + "]").data("kendoFilterMultiCheck")
        filterMultiCheck.container.empty();
        filterMultiCheck.checkSource.data(uniqueDsResult.sort());
        filterMultiCheck.createCheckBoxes();
     }
  }
于 2020-08-11T21:45:47.060 回答
0

我的建议是为多过滤器复选框定义自定义数据源,然后调用其读取方法以重新加载数据。

$("th.k-filterable[data-field='ratingPlace']").data().kendoFilterMultiCheck.checkSource.read();

网格数据更改时重新加载多选过滤器框

于 2019-01-30T09:21:46.090 回答