剑道用户界面网格-动态添加/删除过滤器 [英] Kendo UI Grid - Add/Remove filters dynamically

问题描述

我需要创建一个Kendo UI网格。由于这有许多过滤器，我需要有4个常规过滤器和休息应该能够根据用户的选择动态增加。有人能为此提供帮助吗？

推荐答案

为了按文本框筛选，您可以挂钩keyUp事件以检索值。然后可以将其作为筛选器添加到现有的filter对象。

$('#NameOfInput').keyup(function () {
    var val = $('#NameOfInput').val();
    var grid = $("#yourGrid").data("kendoGrid");
    var filter = grid.dataSource.filter();
    filter.filters.push({
        field: "NameOfFieldYouWishToFilter",
        operator: "eq",
        value: val,
        FilterName: "UniqueIdentifierForFilter"
    });
    grid.dataSource.filter(filter);
});

使用下拉框，可以通过使用onChange事件实现所需功能，使用$('#yourDropDown').val();获取值。

FilterName是可选的，以防您需要其他逻辑来添加/删除筛选器。即，您可以使用它来确定该筛选器是否已存在于数组中，如果已存在，则可以使用splice将其删除。

编辑

使用FilterName可以搜索以查看筛选器是否已存在并将其删除：

var filterIndex = filter.filters.map((e: any) => { return e.FilterName }).indexOf("UniqueIdentifierForFilter");
if (filterIndex > -1)
{
    filter.filters.splice(filterIndex, 1);
}

这篇关于剑道用户界面网格-动态添加/删除过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！