Ext4.1 tree grid的右键菜单

最新推荐文章于 2025-10-11 15:15:11 发布

原创最新推荐文章于 2025-10-11 15:15:11 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Ext4.1treegrid中实现右键菜单功能。通过添加itemcontextmenu事件并显示自定义菜单即可完成。文中提供了具体的代码示例，包括阻止默认菜单行为及展示菜单的方法。

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

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

代码：

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