Upgrade to ExtJS 3.2.0 - Released 03/30/2010

[extjs.git] / examples / toolbar / reorderable.js

diff --git a/examples/toolbar/reorderable.js b/examples/toolbar/reorderable.js
new file mode 100644 (file)
index 0000000..4858856
--- /dev/null
+++ b/examples/toolbar/reorderable.js
@@ -0,0 +1,53 @@
+/*!
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function() {
+    var toolbar = new Ext.Toolbar({
+        renderTo: 'docbody',
+        plugins : [
+            new Ext.ux.ToolbarReorderer({
+                defaultReorderable: true
+            })
+        ],
+        items   : [
+            {
+                xtype:'splitbutton',
+                text: 'Menu Button',
+                iconCls: 'add16',
+                menu: [{text: 'Menu Item 1'}],
+                reorderable: false
+            },
+            {
+                xtype:'splitbutton',
+                text: 'Cut',
+                iconCls: 'add16',
+                menu: [{text: 'Cut Menu Item'}]
+            },
+            {
+                text: 'Copy',
+                iconCls: 'add16'
+            },
+            {
+                text: 'Paste',
+                iconCls: 'add16',
+                menu: [{text: 'Paste Menu Item'}],
+                reorderable: true
+            },
+            {
+                text: 'Format',
+                iconCls: 'add16',
+                reorderable: true
+            }
+        ]
+    });
+    
+    new Ext.Panel({
+        renderTo: 'docbody',
+        tbar    : toolbar,
+        border  : true,
+        width   : 600
+    });
+});
\ No newline at end of file