网格头extjs6中的过滤器
如何在网格标题中创建过滤器 我找到了以下代码段:并更新为与第6版兼容:网格头extjs6中的过滤器,extjs,extjs6,Extjs,Extjs6,如何在网格标题中创建过滤器 我找到了以下代码段:并更新为与第6版兼容: Ext.define('Fiddle.view.SearchTrigger', { extend: 'Ext.form.field.Text', alias: 'widget.searchtrigger', requires: [ 'Ext.form.trigger.Trigger' ], defaultListenerScope: true, trig
Ext.define('Fiddle.view.SearchTrigger', {
extend: 'Ext.form.field.Text',
alias: 'widget.searchtrigger',
requires: [
'Ext.form.trigger.Trigger'
],
defaultListenerScope: true,
triggers: {
search: {
handler: function(field, trigger, e) {
this.setFilter(this.up().dataIndex, this.getValue());
},
cls: 'x-form-search-trigger'
},
clear: {
handler: function(field, trigger, e) {
this.setValue('');
if(!this.autoSearch) this.setFilter(this.up().dataIndex, '');
},
cls: 'x-form-clear-trigger'
}
},
listeners: {
render: 'onTextfieldRender',
change: 'onTextfieldChange'
},
onTextfieldRender: function(component, eOpts) {
var me = this;
me.ownerCt.on('resize', function(){
me.setWidth(this.getEl().getWidth());
});
},
onTextfieldChange: function(field, newValue, oldValue, eOpts) {
if(this.autoSearch) this.setFilter(this.up().dataIndex, this.getValue());
},
setFilter: function(filterId, value) {
var store = this.up('grid').getStore();
if(value){
store.removeFilter(filterId, false);
var filter = {id: filterId, property: filterId, value: value};
if(this.anyMatch) filter.anyMatch = this.anyMatch;
if(this.caseSensitive) filter.caseSensitive = this.caseSensitive;
if(this.exactMatch) filter.exactMatch = this.exactMatch;
if(this.operator) filter.operator = this.operator;
console.log(this.anyMatch, filter);
store.addFilter(filter);
} else {
store.filters.removeAtKey(filterId);
store.reload();
}
}
});
最困难的地方-在列中使用小部件创建项目。
我不能用Sencha小提琴复制它。如何操作?首先使用凭据登录。之后,复制粘贴代码并保存。保存后获得的更新url将可共享。请参阅此处以获取有关的文档
固定代码: