开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
TabCloseMenu.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：2k
源码类别：

中间件编程

开发平台：

JavaScript

TabCloseMenu.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.ux.TabCloseMenu
  3.  * @extends Object 
  4.  * Plugin (ptype = 'tabclosemenu') for adding a close context menu to tabs.
  5.  * 
  6.  * @ptype tabclosemenu
  7.  */
  8. Ext.ux.TabCloseMenu = function(){
  9.     var tabs, menu, ctxItem;
  10.     this.init = function(tp){
  11.         tabs = tp;
  12.         tabs.on('contextmenu', onContextMenu);
  13.     };
  15.     function onContextMenu(ts, item, e){
  16.         if(!menu){ // create context menu on first right click
  17.             menu = new Ext.menu.Menu({            
  18.             items: [{
  19.                 id: tabs.id + '-close',
  20.                 text: 'Close Tab',
  21.                 handler : function(){
  22.                     tabs.remove(ctxItem);
  23.                 }
  24.             },{
  25.                 id: tabs.id + '-close-others',
  26.                 text: 'Close Other Tabs',
  27.                 handler : function(){
  28.                     tabs.items.each(function(item){
  29.                         if(item.closable && item != ctxItem){
  30.                             tabs.remove(item);
  31.                         }
  32.                     });
  33.                 }
  34.             }]});
  35.         }
  36.         ctxItem = item;
  37.         var items = menu.items;
  38.         items.get(tabs.id + '-close').setDisabled(!item.closable);
  39.         var disableOthers = true;
  40.         tabs.items.each(function(){
  41.             if(this != item && this.closable){
  42.                 disableOthers = false;
  43.                 return false;
  44.             }
  45.         });
  46.         items.get(tabs.id + '-close-others').setDisabled(disableOthers);
  47. e.stopEvent();
  48.         menu.showAt(e.getPoint());
  49.     }
  50. };
  52. Ext.preg('tabclosemenu', Ext.ux.TabCloseMenu);