Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / overflow.html
1 <html>\r
2 <head>\r
3   <title>The source code</title>\r
4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
6 </head>\r
7 <body  onload="prettyPrint();">\r
8     <pre class="prettyprint lang-js">Ext.onReady(function(){\r
9 \r
10     var handleAction = function(action){\r
11         Ext.example.msg('<b>Action</b>', 'You clicked "'+action+'"');\r
12     };\r
13     \r
14     var p = new Ext.Window({\r
15         title: 'Standard',\r
16         closable: false,\r
17         height:250,\r
18         width: 500,\r
19         bodyStyle: 'padding:10px',\r
20         contentEl: 'content',\r
21         autoScroll: true,\r
22         tbar: [{\r
23             xtype:'splitbutton',\r
24             text: 'Menu Button',\r
25             iconCls: 'add16',\r
26             handler: handleAction.createCallback('Menu Button'),\r
27             menu: [{text: 'Menu Item 1', handler: handleAction.createCallback('Menu Item 1')}]\r
28         },'-',{\r
29             xtype:'splitbutton',\r
30             text: 'Cut',\r
31             iconCls: 'add16',\r
32             handler: handleAction.createCallback('Cut'),\r
33             menu: [{text: 'Cut menu', handler: handleAction.createCallback('Cut menu')}]\r
34         },{\r
35             text: 'Copy',\r
36             iconCls: 'add16',\r
37             handler: handleAction.createCallback('Copy')\r
38         },{\r
39             text: 'Paste',\r
40             iconCls: 'add16',\r
41             menu: [{text: 'Paste menu', handler: handleAction.createCallback('Paste menu')}]\r
42         },'-',{\r
43             text: 'Format',\r
44             iconCls: 'add16',\r
45             handler: handleAction.createCallback('Format')\r
46         },'->',{\r
47             text: 'Right',\r
48             iconCls: 'add16',\r
49             handler: handleAction.createCallback('Right')\r
50         }]\r
51     });\r
52     p.show();\r
53 \r
54 });</pre>    \r
55 </body>\r
56 </html>