ExtJS4 - форма для фильтрации сетки

Question

Я хотел бы иметь форму, с которой я мог бы фильтровать данные, отображаемые в сетке. Вот эскиз:

// form to be used for filtering 

first name: [Mark] 
last name: [ ] 
age:  [ 13 ]—[ 19 ] 

(Filter) (Clear filters) 


// grid to be filtered 

| first name | last name | age | 
+------------+-----------+-----+ 
| Mark  | Twain  | 17 | 

Я знаю о Grid filer example from the ExtJS website, но это не кажется интуитивно понятным для пользователей. Как я могу использовать отдельную форму для ввода критериев фильтрации сетки?

Answer 1

Посмотрите на Ext.ux.grid.FiltersFeature api. Существуют методы манипулирования фильтрами. Пример кода, который добавляет фильтр в сетку:

var filter = grid.filters.getFilter('company'); 
if (!filter) { 
    filter = grid.filters.addFilter({ 
     active: true, 
     type: 'string', 
     dataIndex: 'company' 
    }); 
} 
filter.setValue('3m Co');