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

diff --git a/examples/toolbar/reorderable.js b/examples/toolbar/reorderable.js
new file mode 100644
index 00000000..7526be26
--- /dev/null
+++ b/examples/toolbar/reorderable.js
@@ -0,0 +1,57 @@
+Ext.Loader.setConfig({enabled: true});
+
+Ext.Loader.setPath('Ext.ux', '../ux/');
+
+Ext.require([
+    'Ext.panel.*',
+    'Ext.fx.*',
+    'Ext.toolbar.*',
+    'Ext.button.*',
+    'Ext.ux.BoxReorderer'
+]);
+
+Ext.onReady(function() {
+    var toolbar = Ext.createWidget('toolbar', {
+        renderTo: Ext.getBody(),
+        defaults: {
+            reorderable: true
+        },
+        plugins : Ext.create('Ext.ux.BoxReorderer', {}),
+        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'}]
+            },
+            {
+                text: 'Format',
+                iconCls: 'add16'
+            }
+        ]
+    });
+    
+    Ext.createWidget('panel', {
+        renderTo: Ext.getBody(),
+        tbar    : toolbar,
+        border  : true,
+        width   : 600,
+        height  : 400
+    });
+});
\ No newline at end of file