EasyUI Tab添加右键菜单

转自疯狂秀才：http://www.cnblogs.com/hxling/archive/2010/05/16/jquery-easyui-tab.html

在页面创建右键菜单html

<div id="mm" style="width:150px;">        <div id="mm-tabclose">关闭</div>        <div id="mm-tabcloseall">关闭全部</div>        <div id="mm-tabcloseother">关闭其他</div>        <div name="code">$(function(){bindTabEvent();bindTabMenuEvent();});

?

//绑定tab的双击事件、右键事件function bindTabEvent(){$(".tabs-inner").live('dblclick',function(){        var subtitle = $(this).children("span").text();        if($(this).next().is('.tabs-close')){        $('#tabs').tabs('close',subtitle);        }    });$(".tabs-inner").live('contextmenu',function(e){        $('#mm').menu('show', {            left: e.pageX,            top: e.pageY     });     var subtitle =$(this).children("span").text();     $('#mm').data("currtab",subtitle);     return false;}); }

?

//绑定tab右键菜单事件function bindTabMenuEvent() {//关闭当前$('#mm-tabclose').click(function() {var currtab_title = $('#mm').data("currtab");if ($(this).next().is('.tabs-close')) {$('#tabs').tabs('close', currtab_title);}});//全部关闭$('#mm-tabcloseall').click(function() {$('.tabs-inner span').each(function(i, n) {if ($(this).parent().next().is('.tabs-close')) {var t = $(n).text();$('#tabs').tabs('close', t);}});});//关闭除当前之外的TAB$('#mm-tabcloseother').click(function() {var currtab_title = $('#mm').data("currtab");$('.tabs-inner span').each(function(i, n) {if ($(this).parent().next().is('.tabs-close')) {var t = $(n).text();if (t != currtab_title)$('#tabs').tabs('close', t);}});});//关闭当前右侧的TAB$('#mm-tabcloseright').click(function() {var nextall = $('.tabs-selected').nextAll();if (nextall.length == 0) {alert('已经是最后一个了');return false;}nextall.each(function(i, n) {if ($('a.tabs-close', $(n)).length > 0) {var t = $('a:eq(0) span', $(n)).text();$('#tabs').tabs('close', t);}});return false;});//关闭当前左侧的TAB$('#mm-tabcloseleft').click(function() {var prevall = $('.tabs-selected').prevAll();if (prevall.length == 1) {alert('已经是第一个了');return false;}prevall.each(function(i, n) {if ($('a.tabs-close', $(n)).length > 0) {var t = $('a:eq(0) span', $(n)).text();$('#tabs').tabs('close', t);}});return false;});}

?