X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/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