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

Question

我有这个代码...

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 ...

当页面最初加载时，这非常有效，如果我通过 UI 手动更改过滤器以包含随后出现的不具有“Ready”值的其他行。 (参见屏幕截图)

但是，如果我尝试更改“状态”列的排序，过滤器会自动更改回仅显示状态值为“就绪”的行。 (参见屏幕截图)

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

谢谢!

Answer 1

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

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