【EasyUI】为EasyUI的Tab标签添加右键菜单的方法-Tab标签-右键菜单

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【为EasyUI的Tab标签添加右键菜单的方法】，下面是详细的讲解！

为EasyUI的Tab标签添加右键菜单的方法

function closeTab(action)
{
var alltabs=$('#tabs').tabs('tabs');
var currentTab=$('#tabs').tabs('getSelected');
var allTabtitle=[];
$.each(alltabs,function(i,n){
allTabtitle.push($(n).panel('options').title);
})
switch (action) {
case "refresh":
var iframe=$(currentTab.panel('options').content);
var src=http://www.jb51.net/article/iframe.attr('src');
$('#tabs').tabs('update', {
tab: currentTab,
options: {
content: createFrame(src)
}
})
break;
case "close":
var currtab_title=currentTab.panel('options').title;
$('#tabs').tabs('close', currtab_title);
break;
case "closeall":
$.each(allTabtitle, function (i, n) {
if (n !=onlyOpenTitle){
$('#tabs').tabs('close', n);
}
});
break;
case "closeother":
var currtab_title=currentTab.panel('options').title;
$.each(allTabtitle, function (i, n) {
if (n !=currtab_title && n !=onlyOpenTitle)
{
$('#tabs').tabs('close', n);
}
});
break;
case "closeright":
var tabIndex=$('#tabs').tabs('getTabIndex', currentTab);
if (tabIndex==alltabs.length - 1){
alert('亲，后边没有啦 ^@^!!');
return false;
}
$.each(allTabtitle, function (i, n) {
if (i > tabIndex) {
if (n !=onlyOpenTitle){
$('#tabs').tabs('close', n);
}
}
});
break;
case "closeleft":
var tabIndex=$('#tabs').tabs('getTabIndex', currentTab);
if (tabIndex==1) {
alert('亲，前边那个上头有人，咱惹不起哦。 ^@^!!');
return false;
}
$.each(allTabtitle, function (i, n) {
if (i < tabIndex) {
if (n !=onlyOpenTitle){
$('#tabs').tabs('close', n);
}
}
});
break;
case "exit":
$('#closeMenu').menu('hide');
break;
}
}

关于为EasyUI的Tab标签添加右键菜单的方法的用户互动如下：

　　相关问题：如何给jquery easyUI datagrid 添加右键菜单

　　答：//HTML中代码 < div id="menu" class="easyui-menu" style="width:150px;">更新全部关闭除此之外全部关闭关闭 //查询按钮 $("#getprefrominfo").click(function () { var cols = $.data(document.body, "selectcols");//数据缓存，获取需要查询... >>详细

　　相关问题：jQuery EasyUI 如何给datagrid绑定右键菜单?

　　答：easyUI的显示数据的div都有一个样式，如下图： 所有的表格都有一个datagrid-cell的样式那么这个时候就可以利用jquery来做时间的绑定了。 下面是主要的js代码: [javascript] /*绑定右键*/ $(".datagrid-cell").live('contextmenu',function(e){ /... >>详细

　　相关问题：easyui添加右键选择

　　答：$('#mainPanel').tabs({ fit:true, border:false, onSelect:function(title,index){ if(title=='首页'){ $('#frame'+title).attr('src','/home.htm'); } }, onContextMenu:function(e, title){ //阻止默认的右键单击行为 e.preventDefault(); $(... >>详细