EasyUI—右键关闭选项卡

来源:互联网 发布:java 两个类互相引用 编辑:程序博客网 时间:2024/05/21 21:35



首先设置 一个 menu 


  

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <div id="mymenu" class="easyui-menu">   <div id="closeall">关闭全部</div>           <div id="closeelse">关闭其他</div>  </div></span>  


js 


//  选项卡 右键  ------------------------------------------------$('#eaTabs').bind('contextmenu',function(e){                  e.preventDefault();              $('#mymenu').menu('show', {                  left: e.pageX,                  top: e.pageY              });          });    //关闭所有选项卡      $("#closeall").bind("click",function(){          //获取所有的tag        var tags=$('#eaTabs').tabs('tabs');/**  如果使用加的话 每次 加1 length -1 会造成 有些减不掉  所以删除 只能从长度开始删,删一次长度减一次**/for ( var i = tags.length-1; i >= 1; i--) {$('#eaTabs').tabs('close',i);}            });      //关闭其他选项卡     $("#closeelse").bind("click",function(){      //获取所有的tag         var tags=$('#eaTabs').tabs('tabs');         //获取当前的tag  var tag=$('#eaTabs').tabs('getSelected');  //获取tag所在的index; var index=$('#eaTabs').tabs('getTabIndex',tag); for ( var i = tags.length-1; i >= 1; i--) { if(index == i){continue;}$('#eaTabs').tabs('close',i); }               });


阅读全文
0 0