tab页右键菜单之删除
部分
(这部分代码放在有tab页的jsp页面)
close all
close others
close right
close left
jquery部分
//绑定右键菜单事件
$(".easyui-tabs").bind('contextmenu',function(e){
e.preventdefault();
$('#rcmenu').menu('show', {
left: e.pagex,
top: e.pagey
});
});
//关闭所有标签页
$("#closeall").bind("click",function(){
//menutab 是tab页p的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页
}
});
//关闭其他页面(先关闭右侧，再关闭左侧)
$("#clother").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);
});
如对本文有疑问， 点击进行留言回复！！
我要评论
网友评论