Extjs5 Tab标签右键单击菜单

最新推荐文章于 2021-01-04 14:29:20 发布

yelong0201

最新推荐文章于 2021-01-04 14:29:20 发布

阅读量1k

点赞数

分类专栏： Extjs 5 文章标签： extjs 标签 tab 菜单

本文链接：https://blog.csdn.net/yelong0201/article/details/43703649

版权

Extjs 5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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