Question

当我过滤剑道网格时，我需要更改显示在列之上的“喷壶”的颜色。所以我找到了在过滤事件上运行代码的方法：

var originalFilter = self.object.data("kendoGrid").dataSource.filter;
    self.object.data("kendoGrid").dataSource.filter = function(e) {
    if(e != undefined && e != null) {
        var selector = 'th[data-field=' + e.filters[0].field + '] > a > span.k-filter';
        $(selector).css('background-color', 'red');
        return originalFilter.apply(this, arguments);
    }
}

所以，通过这种方式我可以改变图标的背景颜色。但我有两个问题： 1）过滤后的值消失。 2）当滤波器输入中有一些值时，我需要在红色上改变b颜色，当值为空时，我需要改变白色b颜色。那么，请你给我一些代码，它会改变滤镜图标的颜色。

Answer 1

重新定义以下CSS样式：

.k-icon.k-filter {
    background: url('path to your image');
}

要全局更改或将其限制为id等于my_grid的一个网格，请执行以下操作：

#my_grid .k-icon.k-filter {
    background: url('path to your image');
}

如何在kendo ui网格过滤器上更改图标或图标颜色？

1 个答案: