[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"
}]
});
效果:
http://m.bbyears.com/wangyezhizuo/33049.html
推荐访问:extjs4api