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

[html]
    <h1>选项卡的右键菜单</h1>
    <div class="content" id="content6"></div>

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