javascript - data - requestend kendo grid

Kendo UI clear filter por campo

Question

Tengo una red kendo en mi página. Esta grilla tiene fuente de datos. Y en esta fuente de datos tengo una matriz de filtros complejos. Por ejemplo:

http://s7.postimg.org/bmqxgp2ff/filters.png

Y antes de agregar un nuevo conjunto de filtros a mis filtros de fuente de datos, necesito eliminar todos los filtros donde campo = "fld_32" por ejemplo.

Creo que es posible hacerlo por recursión, pero en la cuadrícula hay un componente de filtro que tiene el botón "borrar" y el botón borrar hace lo mismo que yo necesito. Pero no tengo idea de cómo funciona y cómo llamarlo programáticamente.

Answer 1

Todo lo que necesitas hacer es usar esta función. Esto borrará todos los filtros:

function clearFiter() {
$("form.k-filter-menu button[type=''reset'']").trigger("click");
}

Answer 2

Extiendo kendoGrid por método para borrar todos los filtros en la grilla:

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);
}

Y aquí está el segundo método. Está separado porque puede ser llamado recursivamente:

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;
}

Para su problema, puede modificar el método clearFilters para tomar el argumento del nombre del campo para borrar del filtro ("fld_32"). Entonces este campo se puede insertar en el parámetro _eraseFiltersField en lugar de fileds de grilla.