在网上看了很多demo 自己实现了一个效果如下 ps easyui QQ群：15129679
tabs 右键菜单demo QQ：15129679 tabs 右键菜单demo QQ：15129679
欢迎您来到网站信息管理系统 我的博客地址:http://www.cnblogs.com/yeminglong/p/3745914.html
2014-205-26完善menu剩下的功能 修改 closeTab function 如下
//删除Tabs function closeTab(menu, type) { var allTabs = $("#tt").tabs('tabs'); var allTabtitle = []; $.each(allTabs, function (i, n) { var opt = $(n).panel('options'); if (opt.closable) allTabtitle.push(opt.title); }); var curTabTitle = $(menu).data("tabTitle"); var curTabIndex = $("#tt").tabs("getTabIndex", $("#tt").tabs("getTab", curTabTitle)); switch (type) { case 1: $("#tt").tabs("close", curTabIndex); return false; break; case 2: for (var i = 0; i < allTabtitle.length; i++) { $('#tt').tabs('close', allTabtitle[i]); } break; case 3: for (var i = 0; i < allTabtitle.length; i++) { if (curTabTitle != allTabtitle[i]) $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; case 4: for (var i = curTabIndex; i < allTabtitle.length; i++) { $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; case 5: for (var i = 0; i < curTabIndex-1; i++) { $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; } } 添加一个刷新
//删除Tabs function closeTab(menu, type) { var allTabs = $("#tt").tabs('tabs'); var allTabtitle = []; $.each(allTabs, function (i, n) { var opt = $(n).panel('options'); if (opt.closable) allTabtitle.push(opt.title); }); var curTabTitle = $(menu).data("tabTitle"); var curTabIndex = $("#tt").tabs("getTabIndex", $("#tt").tabs("getTab", curTabTitle)); switch (type) { case 1://关闭当前 $("#tt").tabs("close", cutTabIndex); return false; break; case 2://全部关闭 for (var i = 0; i < allTabtitle.length; i++) { $('#tt').tabs('close', allTabtitle[i]); } break; case 3://除此之外全部关闭 for (var i = 0; i < allTabtitle.length; i++) { if (curTabTitle != allTabtitle[i]) $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; case 4://当前侧面右边 for (var i = curTabIndex; i < allTabtitle.length; i++) { $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; case 5: //当前侧面左边 for (var i = 0; i < curTabIndex - 1; i++) { $('#tt').tabs('close', allTabtitle[i]); } $('#tt').tabs('select', curTabTitle); break; case 6: //刷新 var panel = $("#tt").tabs("getTab", curTabTitle).panel("refresh"); break; } }
如果这篇文章对您有帮助，您可以打赏我
