您的位置:首页 > 产品设计 > UI/UE

easyui-tab绑定tab使用右键菜单-默认第一个tab不做菜单的操作,只处理动态打开的tab操作

2016-10-18 22:22 531 查看
1,html标签

关闭
关闭全部
关闭其他

关闭右侧标签页
关闭左侧标签页

2,js函数处理
//tab右侧菜单
$(".tabs-header").bind('contextmenu',function(e){
e.preventDefault();
$('#rcmenu').menu('show', {
left: e.pageX,
top: e.pageY
});
});
//关闭当前标签页
$("#closecur").bind("click",function(){
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
if(index!=0){ //不关闭第一个tab
$('#tabsId').tabs('close',index);
}
});
//关闭所有标签页
$("#closeall").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
for(var i=tablist.length-1;i>=1;i--){ //不关闭第一个tab
$('#tabsId').tabs('close',i);
}
});
//关闭其它标签页(先关闭右侧,再关闭左侧)
$("#closeother").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
for(var i=tablist.length-1;i>index;i--){
$('#tabsId').tabs('close',i);
}
var num = index-1;
for(var i=0;i<=num;i++){ //关闭左侧
if(num!=0 && index!=0){
$('#tabsId').tabs('close',num);
}
}
});
//关闭当前标签页右侧标签页
$("#closeright").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
for(var i=tablist.length-1;i>index;i--){
$('#tabsId').tabs('close',i);
}
});
//关闭当前标签页左侧标签页
$("#closeleft").bind("click",function(){
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
var num = index-1;
for(var i=0;i<=num;i++){
if(num!=0 && index!=0){
$('#tabsId').tabs('close',num);
}
}
});

在原基础修改判断对默认第一个tab不做菜单的操作,只处理动态打开的tab操作
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐