Ext.js Ext.grid.Panel和过滤器

时间:2015-08-10 16:41:27

标签: javascript extjs

我有这段代码......

Ext.define("Requestor.view.main.RequestGrid", {
  extend: 'Ext.grid.Panel',     // Our base class. A grid panel.
... lots of code ...

  columns: [
... some more code ...

    {
      text: 'Status',
      dataIndex: 'status',
      renderer: function(value, metaData) {
        metaData.tdStyle = (value == 'Ready') ?
          'color:green;font-weight: bold' :
          'color:red;font-style: italic'
        return(value)
      },
      filter: { type: 'list', value: 'Ready' },
      flex: 1
     } 
... more code ...

这在页面最初加载时效果很好,如果我手动通过用户界面,则更改过滤器以包含其他没有值的行#Att;'然后出现。 (见屏幕截图)

enter image description here

但是,如果我尝试更改“状态”列中的排序,则过滤器会自动更改为仅显示状态值为“准备好”的行。 (见屏幕截图)

enter image description here

这是一个错误还是我做错了什么?

谢谢!

1 个答案:

答案 0 :(得分:1)

我使用列表类型的过滤器如下 - >

                {
                    type: 'list',
                    dataIndex: 'indexName',
                    labelField: 'name',
                    store: Ext.create('MyStore')
                }