Ext4.1 tree grid的右键菜单功能其实挺简单的

只要添加一个itemcontextmenu事件,并在事件中显示出Menu就OK了。

代码:

Ext4.1 tree grid的右键菜单-LMLPHP
this.tree.on('itemcontextmenu', function ( view, record, item, index, e, eOpts) {
e.preventDefault(); //屏蔽默认右键菜单
rightMenu.showAt(e.getXY()); }); var rightMenu = new Ext.menu.Menu({
items: [{
text: '全选',
handler: Ext.bind(function(){ },this)
}, {
text: '全不选',
handler: Ext.bind(function(){ },this)
}]
});
Ext4.1 tree grid的右键菜单-LMLPHP

效果图:

Ext4.1 tree grid的右键菜单-LMLPHP

grid也类似的。

注意点:这个itemcontextmenu事件是,只有点击到节点中才能出发的事件

05-11 13:51