ExtJS 6.2: создание настраиваемого фильтра для gridcolumn

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

Затем я попытался использовать фильтр в моем 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.String на основе Ext.grid.filters.filter.SingleFilter.