问题描述
我遇到了这个错误,如果网格具有锁定的列,则列过滤器不正确
这是小提琴:sencha fillde
复制步骤: (请勿应用任何过滤器)
对于没有“锁定”列的网格,过滤器菜单可以正常工作,感谢任何能提供帮助的人!
解决方法
好的,这有点棘手。事实证明,对于锁定的网格,Ext.grid.filters.Filters:onMenuCreate
会被击中两次……在所显示的网格菜单的每一侧都被击中一次。问题在于,在onMenuCreat
e中,框架没有考虑这两个菜单。它只关心创建的最后一个菜单并销毁上一个菜单的侦听器。在onMenuBeforeShow
中,该框架确实考虑了网格的每一面,因此我将此想法扩展为覆盖。我鼓励您为此创建一张Sencha支持票,如果您没有访问权限,请告诉我,以便我提交。 Fiddle here。
Ext.override(Ext.grid.filters.Filters,{
onMenuCreate: function (headerCt,menu) {
var me = this;
// TODO: OLD BAD CODE... this would destroy the first menu's listeners
// if (me.headerMenuListeners) {
// Ext.destroy(me.headerMenuListeners);
// me.headerMenuListeners = null;
// }
// me.headerMenuListeners = menu.on({
// beforeshow: me.onMenuBeforeShow,// destroyable: true,// scope: me
// });
// Just like in the onMenuBeforeShow,we need to create a hash of our menus
// and their listeners... if we don't,we remove the 1st menu's listeners
// when the 2nd menu is created
if (!me.headerMenuListeners) {
me.headerMenuListeners = {};
}
var parentTableId = headerCt.ownerCt.id;
var menuListener = me.headerMenuListeners[parentTableId];
if (menuListener) {
Ext.destroy(menuListener);
me.headerMenuListeners[parentTableId] = null;
}
me.headerMenuListeners[parentTableId] = menu.on({
beforeshow: me.onMenuBeforeShow,destroyable: true,scope: me
});
},destroy: function () {
var me = this,filterMenuItem = me.filterMenuItem,item;
// TODO: ADDING THIS AND REMOVING FROM THE Ext.destroy on the next line
var headerMenuListeners = this.headerMenuListeners;
Ext.destroy(me.headerCtListeners,me.gridListeners);
me.bindStore(null);
me.sep = Ext.destroy(me.sep);
for (item in filterMenuItem) {
filterMenuItem[item].destroy();
}
// TODO: ADDING THIS AND REMOVING FROM THE Ext.destroy on the next line
for (item in headerMenuListeners) {
headerMenuListeners[item].destroy();
}
this.callParent();
}
});