Фильтрация сетки ExtJS - включение двух одновременно

Question

У меня есть следующий код для фильтрации сетки от значений, введенных в форму, одним нажатием кнопки. Проблема в том, что при первом включении фильтров в запрос будет включен только первый фильтр (displayNameFilter).

Во второй раз и далее оба фильтра будут включены в запрос. Как я могу обойти эту проблему?

var nameFilter = grid.filters.getFilter('name'); 

if (!nameFilter) { 
    nameFilter = grid.filters 
      .addFilter({ 
       type : 'string', 
       dataIndex : 'name' 
      }); 
} 
nameFilter.setValue(Ext.getCmp('name-filter').getValue()); 

var displayNameFilter = grid.filters.getFilter('displayName'); 

if (!displayNameFilter) { 
    displayNameFilter = grid.filters 
      .addFilter({ 
       type : 'string', 
       dataIndex : 'displayName' 
      }); 
} 

displayNameFilter.setValue(Ext.getCmp('display-name-filter').getValue()); 

displayNameFilter.setActive(true, false); 
nameFilter.setActive(true, false); 

Answer 1

Это работает для меня:

handler : function() { 

    var filters = []; 

    // get filters from a form... 
    var values = filterForm.getValues(); 
    for (var f in values) { 
     var value = values[f]; 
     if (value) { 
      filters.push({ property: f, value: value }); 
     } 
    } 

    //...and add all of them to the store used by the grid directly 
    if (filters.length) { 
     // prevent events firing here... 
     gridStore.clearFilter(true); 
     // ...because they will fire here 
     gridStore.filter(filters); 
    } else { 
     gridStore.clearFilter(); 
    } 
} 

Answer 2

У меня была аналогичная проблема. Решение немного сентиментальный, но это работает для меня, обратите внимание, что переменная фильтра определяется во второй раз в течение вызова Defer (это необходимо):

grid.filters.createFilters(); 
var nameFilter = grid.filters.getFilter('name'); 
if (!nameFilter) { 
    nameFilter = grid.filters 
      .addFilter({ 
       type : 'string', 
       dataIndex : 'name' 
      }); 
} 
nameFilter.setActive(true); 
var displayNameFilter = grid.filters.getFilter('displayName'); 
if (!displayNameFilter) { 
    displayNameFilter = grid.filters 
      .addFilter({ 
       type : 'string', 
       dataIndex : 'displayName' 
      }); 
} 
displayNameFilter.setActive(true); 
Ext.Function.defer(function() { 
    nameFilter = grid.filters.getFilter('name'); 
    nameFilter.setValue(Ext.getCmp('name-filter').getValue()); 
    displayNameFilter = grid.filters.getFilter('displayName'); 
    displayNameFilter.setValue(Ext.getCmp('display-name-filter').getValue()); 
}, 10);