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

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
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  */ // Very simple plugin for adding a close context menu to tabs
  2. Ext.ux.TabCloseMenu = function(){
  3.     var tabs, menu, ctxItem;
  4.     this.init = function(tp){
  5.         tabs = tp;
  6.         tabs.on('contextmenu', onContextMenu);
  7.     }
  9.     function onContextMenu(ts, item, e){
  10.         if(!menu){ // create context menu on first right click
  11.             menu = new Ext.menu.Menu([{
  12.                 id: tabs.id + '-close',
  13.                 text: 'Close Tab',
  14.                 handler : function(){
  15.                     tabs.remove(ctxItem);
  16.                 }
  17.             },{
  18.                 id: tabs.id + '-close-others',
  19.                 text: 'Close Other Tabs',
  20.                 handler : function(){
  21.                     tabs.items.each(function(item){
  22.                         if(item.closable && item != ctxItem){
  23.                             tabs.remove(item);
  24.                         }
  25.                     });
  26.                 }
  27.             }]);
  28.         }
  29.         ctxItem = item;
  30.         var items = menu.items;
  31.         items.get(tabs.id + '-close').setDisabled(!item.closable);
  32.         var disableOthers = true;
  33.         tabs.items.each(function(){
  34.             if(this != item && this.closable){
  35.                 disableOthers = false;
  36.                 return false;
  37.             }
  38.         });
  39.         items.get(tabs.id + '-close-others').setDisabled(disableOthers);
  40.         menu.showAt(e.getPoint());
  41.     }
  42. };