X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/menu/actions.js diff --git a/examples/menu/actions.js b/examples/menu/actions.js index 4575d90e..8a6897d2 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.0.0 + * Copyright(c) 2006-2009 Ext JS, LLC + * licensing@extjs.com + * http://www.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() + }); + + 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