extjs右键菜单

weixin_30311605

于 2010-08-09 14:53:00 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/timy/archive/2010/08/09/1795763.html

本文介绍如何在 ExtJS 的 gridpanel 和 TreePanel 控件中实现自定义右键菜单功能，通过监听 contextmenu 事件并阻止默认行为，然后显示包含多个选项的菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

extjs中的gridpanel、TreePanel等控件都可以有右键菜单，如下设置。

代码

listeners: {
                render: function() {
                        // After the component has been rendered, disable the default browser context menu
                        Ext.getBody().on("contextmenu", Ext.emptyFn, null, {preventDefault: true});
                },
                contextmenu: function(e) {   //在gridpanel中可以使用rowcontextmenu事件
                    // Init your context menu

                    this.cmenu = new Ext.menu.Menu({
                        items: [ {
                            text: 'Close Other'
                        }, {
                            text: 'Close All'
                        }]
                    })
                    e.stopEvent();
                    this.cmenu.showAt(e.getPoint());
                }
         }

转载于:https://www.cnblogs.com/timy/archive/2010/08/09/1795763.html