ExtJs TabPanel右键功能插件


 

 

下面是ExtJs TabPanel右键功能插件,可以全部关闭Tab,或者关闭除自己的其它Tab,可以关闭当前Tab等功能。

Js代码   收藏代码
  1. Ext.ux.TabCloseMenu = function(){  
  2.   
  3.     var tabs, menu, ctxItem;  
  4.   
  5.     this.init = function(tp){  
  6.   
  7.         tabs = tp;  
  8.   
  9.         tabs.on('contextmenu', onContextMenu);  
  10.   
  11.     }  
  12.   
  13.    
  14.   
  15.     function onContextMenu(ts, item, e){  
  16.   
  17.         if(!menu){ // create context menu on first right click  
  18.   
  19.             menu = new Ext.menu.Menu([{  
  20.   
  21.                 id: tabs.id + '-close',  
  22.   
  23.                 text: syscommon.closetab,  
  24.   
  25.                 handler : function(){  
  26.   
  27.                     tabs.remove(ctxItem,false);  
  28.   
  29.                 }  
  30.   
  31.             },{  
  32.   
  33.                 id: tabs.id + '-close-others',  
  34.   
  35.                 text:syscommon.closealltab,  
  36.   
  37.                 handler : function(){  
  38.   
  39.                     tabs.items.each(function(item){  
  40.   
  41.                         if(item.closable && item != ctxItem){  
  42.   
  43.                             tabs.remove(item,false);  
  44.   
  45.                         }  
  46.   
  47.                     });  
  48.   
  49.                 }  
  50.   
  51.             },{  
  52.   
  53.                 id: tabs.id + '-close-all',  
  54.   
  55.                 text: syscommon.closeothertab,  
  56.   
  57.                 handler : function(){  
  58.   
  59.                     tabs.items.each(function(item){  
  60.   
  61.                         if(item.closable){  
  62.   
  63.                             tabs.remove(item,false);  
  64.   
  65.                         }  
  66.   
  67.                     });  
  68.   
  69.                 }  
  70.   
  71.             }]);  
  72.   
  73.         }  
  74.   
  75.         ctxItem = item;  
  76.   
  77.         var items = menu.items;  
  78.   
  79.         items.get(tabs.id + '-close').setDisabled(!item.closable);  
  80.   
  81.         var disableOthers = true;  
  82.   
  83.         tabs.items.each(function(){  
  84.   
  85.             if(this != item && this.closable){  
  86.   
  87.                 disableOthers = false;  
  88.   
  89.                 return false;  
  90.   
  91.             }  
  92.   
  93.         });  
  94.   
  95.         items.get(tabs.id + '-close-others').setDisabled(disableOthers);  
  96.   
  97.         var disableAll = true;  
  98.   
  99.         tabs.items.each(function(){  
  100.   
  101.             if(this.closable){  
  102.   
  103.                 disableAll = false;  
  104.   
  105.                 return false;  
  106.   
  107.             }  
  108.   
  109.         });  
  110.   
  111.         items.get(tabs.id + '-close-all').setDisabled(disableAll);  
  112.   
  113.         menu.showAt(e.getPoint());  
  114.   
  115.     }  
  116.   
  117. };  
  118.   
  119.   

使用方法很简单:

在TabPanel上加上这句,plugins : new Ext.ux.TabCloseMenu()


1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值