jsp部分
(这部分代码放在有tab页的jsp页面)
<div id="rcmenu" class="easyui-menu" style="">
<div id="closeall">Close All</div>
<div id="closeother">Close Others</div>
<div id="closeright">close right</div>
<div id="closeleft">close left</div>
</div>
jquery部分
//绑定右键菜单事件
$(".easyui-tabs").bind('contextmenu',function(e){
e.preventDefault();
$('#rcmenu').menu('show', {
left: e.pageX,
top: e.pageY
});
});
//关闭所有标签页
$("#closeall").bind("click",function(){
//menuTab 是tab页div的id
var tablist =$('#menuTab').tabs('tabs');//获得所有的tab页
console.log(tablist);
for(var i=tablist.length-1;i>=0;i--){
$('#menuTab').tabs('close',i); //根据tab的下标关闭tab页
}
});
//关闭其他页面(先关闭右侧,再关闭左侧)
$("#closeother").bind("click",function(){
//获得所有的tab页
var tablist = $('#menuTab').tabs('tabs');
//获得选择的tab页
var tab = $('#menuTab').tabs('getSelected');
//获得选择的tab页的下标
var index = $('#menuTab').tabs('getTabIndex',tab);
for(var i=tablist.length;i>index;i--){
$('#menuTab').tabs('close',i);
}
//如果下标为1 num=0
var num = index-1;
if(num < 0){
return;
}else{
//num>0 若num=1
for(var i=num;i>=0;i--){
$('#menuTab').tabs('close',i);
}
}
//选中右键菜单当前页
$("#menuTab").tabs("select", 0);
});
//关闭右边的选项卡
$("#closeright").bind("click",function(){
//获得所有的tab页
var tablist = $('#menuTab').tabs('tabs');
//获得选择的tab页
var tab = $('#menuTab').tabs('getSelected');
//获得选择的tab页的下标
var index = $('#menuTab').tabs('getTabIndex',tab);
for(var i=tablist.length;i>index;i--){
$('#menuTab').tabs('close',i);
}
});
//关闭左边的选项卡
$("#closeleft").bind("click",function(){
//获得所有的tab页
var tablist = $('#menuTab').tabs('tabs');
//获得选择的tab页
var tab = $('#menuTab').tabs('getSelected');
//获得选择的tab页的下标
var index = $('#menuTab').tabs('getTabIndex',tab);
//如果下标为1 num=0
var num = index-1;
if(num < 0){
return;
}else{
//num>0 若num=1
for(var i=num;i>=0;i--){
$('#menuTab').tabs('close',i);
}
}
//选中右键菜单当前页
$("#menuTab").tabs("select", 0);
});