extjs4.1 - 如何将过滤器标题添加到每个网格列 extjs 4.1

Question

我已经在 Extjs 3.4 中实现了网格过滤器，但现在我正在迁移到 extjs 4.1。谁能告诉我如何在 extjs 4.1 中实现网格过滤器？

（作为新用户，我无法上传图片以显示示例）

Answer 1

请参考以下链接。

http://www.sencha.com/forum/showthread.php?150918-Grid-Header-Filters

第二个选项是菜单中的过滤器，这在 extjs 4.1 示例中可用。

http://docs.sencha.com/extjs/4.1.3/#!/example/grid-filtering/grid-filter-local.html

第三个选项是过滤行。

http://www.sencha.com/forum/showthread.php?128154-FilterRow-for-Ext-JS-4-Grids

这些链接之一将引导您走向正确的道路。

问候。

Answer 2

最好的方法是定义一个列组件。

Ext.define('Ext.ux.grid.MyColumn',{

extend: 'Ext.grid.column.Column',

alias: 'widget.mycolumn',

childEls: [
    'headerEl', 'titleEl', 'filterEl', 'triggerEl', 'headerTextEl', 'filterTextEl'
],

renderTpl:
    'change it , and make your own TPL',

initComponent: function () {
// change or declare new data if you want.
// me.callParent(arguments);
// I have modified lot. so, I skip initComponent of Ext.grid.column.column
me.superclass.superclass.initComponent.call(this); // directly call parents parent class.
}

});


USAGE : 
columns: [
    {
         xtype: 'mycolumn',
         itemId: 'sfsfsfsfsf', text: 'My filter column'
    }
]