ExtJS 6.2：爲網格列創建自定義過濾器

Question

我想爲我的網格列創建自定義過濾器。

我嘗試這樣做：

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 
     }; 
    } 
    } 
}); 

然後我試圖使用過濾器在我的GridColumn：

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

如何創建，添加或在我的應用程序註冊過濾器的gridfilter -plugin ？我真的不明白。

在此先感謝

解決方案：

我們使用createFilter功能在Ext.grid.filters.filter.Base創建和使用的過濾器：

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.SingleFilter的Ext.grid.filters.filter.String。