一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

extjs4中选项卡的右键菜单实现代码

时间:2011-12-21 编辑:简简单单 来源:一聚教程网

 代码如下 复制代码

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


效果:

热门栏目