过滤网格

Question

Ext.define('TPL.view.Book', {
extend: 'Ext.grid.Panel',
alias: 'widget.book',
title: 'Books',
store: 'Book',
header: false,
stripeRows: true,
initComponent: function() {
    this.columns = [
        {header: 'Id', dataIndex: 'id', flex: 1},
        {header: 'Author', dataIndex: 'author', width: 50, flex: 0},
        {header: 'Price', dataIndex: 'price', width: 50, flex: 0},
    ];
    this.callParent(arguments);
}});

在标题（列 - '作者'）中我想要make过滤器 - 所以当用户在过滤器中输入一个单词时，然后在表格中输出结果（过滤器应该是单词的独立情况）。怎么做到这个？谢谢

关于此：

Answer 1

要在网格面板上使用过滤器，您必须执行以下操作：

• 将'Ext.ux.grid.FiltersFeature'添加到网格的'requires'属性中，

• 将过滤器添加为网格面板的功能：

  features: [
      {
          ftype: 'filters',
          local: true
      }
  ]
  

• 最后，使用属性“filter”标记要使用过滤器的列：

  {
      xtype: 'gridcolumn',
      filter: {
          type: 'string'
      }
      ...
  }