X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/examples/tabs/TabCloseMenu.js..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/ux/TabCloseMenu.js diff --git a/examples/tabs/TabCloseMenu.js b/examples/ux/TabCloseMenu.js similarity index 73% rename from examples/tabs/TabCloseMenu.js rename to examples/ux/TabCloseMenu.js index bddae50d..9c6a1aa5 100644 --- a/examples/tabs/TabCloseMenu.js +++ b/examples/ux/TabCloseMenu.js @@ -1,24 +1,27 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com +/*! + * Ext JS Library 3.0.0 + * Copyright(c) 2006-2009 Ext JS, LLC + * licensing@extjs.com + * http://www.extjs.com/license + */ +/** + * @class Ext.ux.TabCloseMenu + * @extends Object + * Plugin (ptype = 'tabclosemenu') for adding a close context menu to tabs. * - * http://extjs.com/license + * @ptype tabclosemenu */ - - -// Very simple plugin for adding a close context menu to tabs - Ext.ux.TabCloseMenu = function(){ var tabs, menu, ctxItem; this.init = function(tp){ tabs = tp; tabs.on('contextmenu', onContextMenu); - } + }; function onContextMenu(ts, item, e){ if(!menu){ // create context menu on first right click - menu = new Ext.menu.Menu([{ + menu = new Ext.menu.Menu({ + items: [{ id: tabs.id + '-close', text: 'Close Tab', handler : function(){ @@ -34,7 +37,7 @@ Ext.ux.TabCloseMenu = function(){ } }); } - }]); + }]}); } ctxItem = item; var items = menu.items; @@ -47,6 +50,9 @@ Ext.ux.TabCloseMenu = function(){ } }); items.get(tabs.id + '-close-others').setDisabled(disableOthers); + e.stopEvent(); menu.showAt(e.getPoint()); } -}; \ No newline at end of file +}; + +Ext.preg('tabclosemenu', Ext.ux.TabCloseMenu);