我的页面上有kendo网格。该网格具有数据源。在这个数据源中,我有一系列复杂的过滤器。例如:
http://s7.postimg.org/bmqxgp2ff/filters.png
在我向数据源过滤器添加新的过滤器之前,我需要删除所有过滤器,其中field =" fld_32"例如。
我认为通过递归可以做到这一点,但是在网格上有一个过滤器组件,它有按钮" clear"和按钮清除做我需要的相同的事情。但是我不知道它是如何工作的以及如何以编程方式调用它。
答案 0 :(得分:3)
我通过删除网格中所有过滤器的方法来扩展kendoGrid:
kendo.ui.Grid.prototype.clearFilters = function(args){
// MODIFY THIS PART
var ignore = [];
// test arguments
if(typeof args === 'object'){
if(args.hasOwnProperty('ignore')){
if(args.ignore.length > 0){
ignore = args.ignore;
}
}
}
// get dataSource of grid and columns of grid
var fields = [], filter = this.dataSource.filter(), col = this.columns;
if( $.isEmptyObject(filter) || $.isEmptyObject(filter)) return;
// Create array of Fields to remove from filter and apply ignore fields if exist
for(var i = 0, l = col.length; i < l; i++){
if(col[i].hasOwnProperty('field')){
if(ignore.indexOf(col[i].field) === -1){
fields.push(col[i].field)
}
}
}
// MODIFY THIS PART END
if($.isEmptyObject(fields)) return;
// call "private" method
var newFilter = this._eraseFiltersField(fields, filter)
// set new filter
this.dataSource.filter(newFilter);
}
这是第二种方法。它是分开的,因为它可以递归调用:
kendo.ui.Grid.prototype._eraseFiltersField = function(fields, filter){
for (var i = 0; i < filter.filters.length; i++) {
// For combination 'and' and 'or', kendo use nested filters so here is recursion
if(filter.filters[i].hasOwnProperty('filters')){
filter.filters[i] = this._eraseFiltersField(fields, filter.filters[i]);
if($.isEmptyObject(filter.filters[i])){
filter.filters.splice(i, 1);
i--;
continue;
}
}
// Remove filters
if(filter.filters[i].hasOwnProperty('field')){
if( fields.indexOf(filter.filters[i].field) > -1){
filter.filters.splice(i, 1);
i--;
continue;
}
}
}
if(filter.filters.length === 0){
filter = {};
}
return filter;
}
对于您的问题,您可以修改clearFilters方法,以将参数化为要从过滤器中删除的字段的名称(“fld_32”)。然后,可以将此字段插入_eraseFiltersField参数,而不是网格文件。
答案 1 :(得分:0)
您需要做的就是使用此功能。这将清除所有过滤器:
function clearFiter() {
$("form.k-filter-menu button[type='reset']").trigger("click");
}