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