extjs4.1 - 各グリッド列にフィルターヘッダーを追加する方法extjs4.1

Question

Extjs 3.4でグリッドフィルターを実装しましたが、現在はextjs4.1に移行しています。誰かがextjs4.1でグリッドフィルターを実装する方法を教えてもらえますか？

（新規ユーザーとして、例を示す画像をアップロードできません）

Answer 1

次のリンクを参照してください。

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

2番目のオプションはメニューのフィルターです。これはextjs4.1の例で利用できます。

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

3番目のオプションはフィルター行です。

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

これらのリンクの1つは、正しい道にあなたを導きます。

よろしく。

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'
    }
]