X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..refs/heads/old:/examples/menu/actions.js?ds=inline diff --git a/examples/menu/actions.js b/examples/menu/actions.js index 4575d90e..c0c629b5 100644 --- a/examples/menu/actions.js +++ b/examples/menu/actions.js @@ -1,67 +1,66 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -Ext.onReady(function(){ - // The action - var action = new Ext.Action({ - text: 'Action 1', - handler: function(){ - Ext.example.msg('Click','You clicked on "Action 1".'); - }, - iconCls: 'blist' - }); - - - var panel = new Ext.Panel({ - title: 'Actions', - width:600, - height:300, - bodyStyle: 'padding:10px;', // lazy inline style - - tbar: [ - action, { // <-- Add the action directly to a toolbar - text: 'Action Menu', - menu: [action] // <-- Add the action directly to a menu - } - ], - - items: [ - new Ext.Button(action) // <-- Add the action as a button - ], - - renderTo: Ext.getBody() - }); - - - // Buttons added to the toolbar of the Panel above - // to test/demo doing group operations with an action - panel.getTopToolbar().add('->', { - text: 'Disable', - handler: function(){ - action.setDisabled(!action.isDisabled()); - this.setText(action.isDisabled() ? 'Enable' : 'Disable'); - } - }, { - text: 'Change Text', - handler: function(){ - Ext.Msg.prompt('Enter Text', 'Enter new text for Action 1:', function(btn, text){ - if(btn == 'ok' && text){ - action.setText(text); - action.setHandler(function(){ - Ext.example.msg('Click','You clicked on "'+text+'".'); - }); - } - }); - } - }, { - text: 'Change Icon', - handler: function(){ - action.setIconClass(action.getIconClass() == 'blist' ? 'bmenu' : 'blist'); - } - }); +/*! + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +Ext.onReady(function(){ + // The action + var action = new Ext.Action({ + text: 'Action 1', + handler: function(){ + Ext.example.msg('Click','You clicked on "Action 1".'); + }, + iconCls: 'blist' + }); + + + var panel = new Ext.Panel({ + title: 'Actions', + width:600, + height:300, + bodyStyle: 'padding:10px;', // lazy inline style + + tbar: [ + action, { // <-- Add the action directly to a toolbar + text: 'Action Menu', + menu: [action] // <-- Add the action directly to a menu + } + ], + + items: [ + new Ext.Button(action) // <-- Add the action as a button + ], + + renderTo: Ext.getBody() + }); + + var tb = panel.getTopToolbar(); + // Buttons added to the toolbar of the Panel above + // to test/demo doing group operations with an action + tb.add('->', { + text: 'Disable', + handler: function(){ + action.setDisabled(!action.isDisabled()); + this.setText(action.isDisabled() ? 'Enable' : 'Disable'); + } + }, { + text: 'Change Text', + handler: function(){ + Ext.Msg.prompt('Enter Text', 'Enter new text for Action 1:', function(btn, text){ + if(btn == 'ok' && text){ + action.setText(text); + action.setHandler(function(){ + Ext.example.msg('Click','You clicked on "'+text+'".'); + }); + } + }); + } + }, { + text: 'Change Icon', + handler: function(){ + action.setIconClass(action.getIconClass() == 'blist' ? 'bmenu' : 'blist'); + } + }); + tb.doLayout(); }); \ No newline at end of file