ExtJS 6.2：グリッドカラムのカスタムフィルタを作成する

Question

グリッドカラムのカスタムフィルタを作成したいと思います。

私はこの試みた：その後、私は私のgridcolumnでフィルタを使用しようとした

Ext.define('Myapp.grid.filters.filter.Float', { 
    extend : 'Ext.grid.filters.filter.Number', 
    alias : ['grid.filter.float'], 

    type : 'float', 

    config : { 
    serializer : function (f) { 
     return { 
     type  : 'float', 
     value : f.value, 
     property : f.property, 
     operator : f.operator 
     }; 
    } 
    } 
}); 

を：

{ 
     header  : 'Foo', 
     dataIndex : 'bar', 
     filterable : true, 
     filter  : { 
     type : 'float' 
     } 
    } 

は、どのように私は自分のアプリケーションにgridfilter -pluginにフィルタを追加したり、登録し、作成しますか？私は本当にそれを取得していません。事前に

おかげ

ソリューション：

は、我々は、フィルタを作成して使用することExt.grid.filters.filter.BaseにcreateFilter機能を使用：

Ext.define('MyApp.foo.bar.FloatFilter', { 
    extend : 'Ext.grid.filters.filter.Number', 
    alias : 'grid.filter.float', 

    createFilter : function (config, key) { 
    config.type = 'float'; 
    return this.callParent(arguments); 
    } 

}); 

Answer 1

あなたは新しいクラスを定義する必要が新しいフィルタタイプを追加するには、Ext.grid.filters.filter.Baseまたはその子孫から拡張されました。

これをチェックするsimple example

また、既存のフィルタコードを確認して、カスタムメニューまたはフィルタルールを追加する方法を知ることができます。例えばExt.grid.filters.filter.String onf Ext.grid.filters.filter.SingleFilterなどです。