[extjs4.2]extjs4中选项卡的右键菜单实现代码

时间:2017-06-01  来源:extjs  阅读:
 代码如下

[html]
   

选项卡的右键菜单


   

[Js]
    //选项卡的右键菜单
    var currentItem;
    var tabs6 = Ext.createWidget("tabpanel", {
        renderTo: "content6",
        activeTab: 0,
        width: 600,
        height: 150,
        plugins: Ext.create("Ext.ux.TabCloseMenu", {
            closeTabText: "关闭当前",
            closeOthersTabsText: "关闭其他",
            closeAllTabsText: "关闭所有",
            extraItemsTail: [
                        "-",
                        {
                            text: "可关闭",
                            checked: true,
                            hideOnClick: true,
                            handler: function (item) {
                                currentItem.tab.setClosable(item.checked);
                            }
                        }
                    ],
            listeners: {
                aftermenu: function () {
                    currentItem = null;
                },
                beforemenu: function (menu, item) {
                    var menuitem = menu.child("*[text="可关闭"]");
                    currentItem = item;
                    menuitem.setChecked(item.closable);
                }
            }
        }),
        items: [{
            title: "tab1",
            html: "第一个tab"
        }, {
            title: "tab2",
            closable: true,
            html: "第二个tab"
        }, {
            title: "tab3",
            closable: true,
            html: "第三个tab"
        }]
    });


效果:

[extjs4.2]extjs4中选项卡的右键菜单实现代码

http://m.bbyears.com/wangyezhizuo/33049.html

推荐访问:extjs4api
相关阅读 猜你喜欢
本类排行 本类最新