使用store.filter的Extjs網格過濾器

Question

我正在使用它從數據庫輸出一個查詢，輸出我的數據，如我所料。

我們現在想通過傳遞'color'列來過濾數據，如果我們想要的話。

<script type="text/javascript"> 
Ext.onReady(function(){ 

     var events_ds = new Ext.data.JsonStore({ 
       autoLoad: true, 
       autoDestroy: true, 
       url: '<% $base %>json/events/WWN.json', 
       storeId: 'events_ds', 
       idProperty: 'id', 
       fields: [ 'id', 'precedence', 'affectedWWN', 'eventType', 'color', 'CollectTime' ] 
     }); 

     var event_grid = new Ext.grid.GridPanel({ 
       title: 'Events', 
       ds: events_ds, 
       height: 300, 
       columns: [ 
         { 
          header: "ID", 
          dataIndex: 'id', 
         }, 
         { 
          header: "Priority", 
          dataIndex: 'precedence', 
          sortable: true 
         }, 
         { 
          header: "affectedWWN", 
          dataIndex: 'affectedWWN', 
          width:150, 
          sortable: true 
         }, 
         { 
          header: "eventType", 
          dataIndex: 'eventType', 
          width:300, 
          sortable: true 
         }, 
         { 
          header: "color", 
          dataIndex: 'color', 
          sortable: true 
         }, 
         { 
          header: "CollectTime", 
          dataIndex: 'CollectTime', 
          width:150, 
          sortable: true 
         }] 
     }); 

     var main_panel = new Ext.Panel({ 
       autoScroll: true, 
       renderTo: 'main_panel', 
       items: [event_grid] 
     }); 

}); 

</script> 

我在這個新的，我所看到的是使用類似於此：

store.filter("color", "yellow"); 

但像我期待的過濾不起作用。

我錯過了什麼？

Answer 1

var event_grid = new Ext.grid.GridPanel({ 
       title: 'Events', 
       //ds: events_ds, ??? 
       store: events_ds,