Extjs5 Tab标签右键单击菜单

Extjs5 Tab标签右键单击菜单

在使用Extjs的tabclosemenu时,发现需要双击右键才能弹出标签操作菜单,不符合我们的使用习惯,但是又没有找到相关的配置来实现单击右键显示菜单,我的解决办法是重写tabclosemenu的onAfterLayout方法,添加鼠标单击监听事件,在右键单击时调用tabclosemenu中的onContextMenu方法:

代码:

{
        ptype : 'tabclosemenu',
        closeAllTabsText : '关闭所有标签',
        closeOthersTabsText : '关闭其它标签',
        closeTabText : '关闭当前标签',

        onAfterLayout: function() {
            var tabbar = this;
            this.mon(this.tabBar.el, {
                click: function(e){
                    if(2 == e.button){
                        tabbar.onContextMenu(e, e.target);
                    }
                }
            });
        }
    }

你可能感兴趣的:(Extjs,5,extjs,标签,tab,菜单)