使用store.filter扩展网格过滤器

时间:2012-05-29 01:21:11

标签: javascript extjs filter grid

我正在使用它来输出数据库中的查询,该数据库按照我的预期输出我的数据。

我们现在想要通过传递“颜色”列来过滤该数据。

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

但是过滤效果并不像我期望的那样。

我错过了什么?

1 个答案:

答案 0 :(得分:1)

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