X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/toolbar/overflow.js

diff --git a/examples/toolbar/overflow.js b/examples/toolbar/overflow.js
index 740a8efe..0095f14c 100644
--- a/examples/toolbar/overflow.js
+++ b/examples/toolbar/overflow.js
@@ -1,53 +1,60 @@
-/*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.onReady(function(){
-
-    var handleAction = function(action){
-        Ext.example.msg('<b>Action</b>', 'You clicked "'+action+'"');
-    };
-    
-    var p = new Ext.Window({
-        title: 'Standard',
-        closable: false,
-        height:250,
-        width: 500,
-        bodyStyle: 'padding:10px',
-        contentEl: 'content',
-        autoScroll: true,
-        tbar: [{
-            xtype:'splitbutton',
-            text: 'Menu Button',
-            iconCls: 'add16',
-            handler: handleAction.createCallback('Menu Button'),
-            menu: [{text: 'Menu Item 1', handler: handleAction.createCallback('Menu Item 1')}]
-        },'-',{
-            xtype:'splitbutton',
-            text: 'Cut',
-            iconCls: 'add16',
-            handler: handleAction.createCallback('Cut'),
-            menu: [{text: 'Cut menu', handler: handleAction.createCallback('Cut menu')}]
-        },{
-            text: 'Copy',
-            iconCls: 'add16',
-            handler: handleAction.createCallback('Copy')
-        },{
-            text: 'Paste',
-            iconCls: 'add16',
-            menu: [{text: 'Paste menu', handler: handleAction.createCallback('Paste menu')}]
-        },'-',{
-            text: 'Format',
-            iconCls: 'add16',
-            handler: handleAction.createCallback('Format')
-        },'->',{
-            text: 'Right',
-            iconCls: 'add16',
-            handler: handleAction.createCallback('Right')
-        }]
-    });
-    p.show();
-
-});
\ No newline at end of file
+Ext.require(['*']);
+Ext.onReady(function(){
+
+    var handleAction = function(action){
+        Ext.example.msg('<b>Action</b>', 'You clicked "' + action + '"');
+    };
+
+    var colorMenu = Ext.create('Ext.menu.ColorPicker', {
+        handler: function(cm, color){
+            Ext.example.msg('Color Selected', '<span style="color:#' + color + ';">You choose {0}.</span>', color);
+        }
+    });
+
+    Ext.create('Ext.Window', {
+        title: 'Standard',
+        closable: false,
+        height:250,
+        width: 500,
+        bodyStyle: 'padding:10px',
+        contentEl: 'content',
+        autoScroll: true,
+        tbar: Ext.create('Ext.toolbar.Toolbar', {
+            layout: {
+                overflowHandler: 'Menu'
+            },
+            items: [{
+                xtype:'splitbutton',
+                text: 'Menu Button',
+                iconCls: 'add16',
+                handler: Ext.Function.pass(handleAction, 'Menu Button'),
+                menu: [{text: 'Menu Item 1', handler: Ext.Function.pass(handleAction, 'Menu Item 1')}]
+            },'-',{
+                xtype:'splitbutton',
+                text: 'Cut',
+                iconCls: 'add16',
+                handler: Ext.Function.pass(handleAction, 'Cut'),
+                menu: [{text: 'Cut menu', handler: Ext.Function.pass(handleAction, 'Cut menu')}]
+            },{
+                text: 'Copy',
+                iconCls: 'add16',
+                handler: Ext.Function.pass(handleAction, 'Copy')
+            },{
+                text: 'Paste',
+                iconCls: 'add16',
+                menu: [{text: 'Paste menu', handler: Ext.Function.pass(handleAction, 'Paste menu')}]
+            },'-',{
+                text: 'Format',
+                iconCls: 'add16',
+                handler: Ext.Function.pass(handleAction, 'Format')
+            },'->',{
+                text: 'Right',
+                iconCls: 'add16',
+                handler: Ext.Function.pass(handleAction, 'Right')
+            }, {
+                text: 'Choose a Color',
+                menu: colorMenu // <-- submenu by reference
+            }]
+        })
+    }).show();
+});