Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Use action to construct UI controls

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <script type="text/javascript"> Ext.onReady(function() {     var genericHandler = function(menuItem) {         Ext.MessageBox.alert('', 'Your choice is ' + menuItem.text);     }          var pasteAction = new Ext.Action({         text    : 'Paste',         iconCls : 'paste',         handler : genericHandler     });          var editMenuBtn = {         text : 'Edit',         menu : [             pasteAction         ]     }          new Ext.Window({         width        : 300,         height       : 200,         tbar         : [             editMenuBtn,             '->',             pasteAction         ]     }).show(); }); </script> <body> </body> </html>