X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/form/vbox-form.js

diff --git a/examples/form/vbox-form.js b/examples/form/vbox-form.js
index db7e0527..31d1342f 100644
--- a/examples/form/vbox-form.js
+++ b/examples/form/vbox-form.js
@@ -1,59 +1,87 @@
-/*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.onReady(function() {
-    var form = new Ext.form.FormPanel({
-        baseCls: 'x-plain',
-        labelWidth: 55,
-        url: 'save-form.php',
-        layout: {
-            type: 'vbox',
-            align: 'stretch'  // Child items are stretched to full width
-        },
-        defaults: {
-            xtype: 'textfield'
-        },
-
-        items: [{
-            xtype: 'combo',
-            store: ['test@example.com', 'someone-else@example.com' ],
-            plugins: [ Ext.ux.FieldReplicator, Ext.ux.FieldLabeler ],
-            fieldLabel: 'Send To',
-            name: 'to'
-        },{
-            plugins: [ Ext.ux.FieldLabeler ],
-            fieldLabel: 'Subject',
-            name: 'subject'
-        }, {
-            xtype: 'textarea',
-            fieldLabel: 'Message text',
-            hideLabel: true,
-            name: 'msg',
-            flex: 1  // Take up all *remaining* vertical space
-        }]
-    });
-
-    var w = new Ext.Window({
-        title: 'Compose message',
-        collapsible: true,
-        maximizable: true,
-        width: 750,
-        height: 500,
-        minWidth: 300,
-        minHeight: 200,
-        layout: 'fit',
-        plain: true,
-        bodyStyle: 'padding:5px;',
-        buttonAlign: 'center',
-        items: form,
-        buttons: [{
-            text: 'Send'
-        },{
-            text: 'Cancel'
-        }]
-    });
-    w.show();
+Ext.Loader.setConfig({enabled: true});
+
+Ext.Loader.setPath('Ext.ux', '../ux/');
+Ext.require([
+    'Ext.form.*',
+    'Ext.window.Window',
+    'Ext.data.*',
+    'Ext.ux.FieldReplicator'
+]);
+
+
+Ext.onReady(function() {
+    var form = Ext.create('Ext.form.Panel', {
+        plain: true,
+        border: 0,
+        bodyPadding: 5,
+        url: 'save-form.php',
+
+        fieldDefaults: {
+            labelWidth: 55,
+            anchor: '100%'
+        },
+
+        layout: {
+            type: 'vbox',
+            align: 'stretch'  // Child items are stretched to full width
+        },
+
+        items: [{
+            xtype: 'combo',
+            store: Ext.create('Ext.data.ArrayStore', {
+                fields: [ 'email' ],
+                data: [
+                    ['test@example.com'],
+                    ['someone@example.com'],
+                    ['someone-else@example.com']
+                ]
+            }),
+            displayField: 'email',
+            plugins: [ Ext.ux.FieldReplicator ],
+            fieldLabel: 'Send To',
+            queryMode: 'local',
+            selectOnTab: false,
+            name: 'to'
+        }, {
+            xtype: 'textfield',
+            fieldLabel: 'Subject',
+            name: 'subject'
+        }, {
+            xtype: 'textarea',
+            fieldLabel: 'Message text',
+            hideLabel: true,
+            name: 'msg',
+            style: 'margin:0', // Remove default margin
+            flex: 1  // Take up all *remaining* vertical space
+        }]
+    });
+
+    var win = Ext.create('Ext.window.Window', {
+        title: 'Compose message',
+        collapsible: true,
+        animCollapse: true,
+        maximizable: true,
+        width: 750,
+        height: 500,
+        minWidth: 300,
+        minHeight: 200,
+        layout: 'fit',
+        items: form,
+        dockedItems: [{
+            xtype: 'toolbar',
+            dock: 'bottom',
+            ui: 'footer',
+            layout: {
+                pack: 'center'
+            },
+            items: [{
+                minWidth: 80,
+                text: 'Send'
+            },{
+                minWidth: 80,
+                text: 'Cancel'
+            }]
+        }]
+    });
+    win.show();
 });
\ No newline at end of file