- Replaced color picker form control with a more robust version.

2007-07-09 09:03:56 +00:00 · 2007-07-09 09:03:56 +00:00 · 6e0470771e
commit 6e0470771e
parent 6fe068e42d
1193 changed files with 342 additions and 223 deletions
--- a/www/extras/extjs/examples/form/xml-form.js
+++ b/www/extras/extjs/examples/form/xml-form.js
@ -0,0 +1,124 @@
+/*
+ * Ext JS Library 1.0.1
+ * Copyright(c) 2006-2007, Ext JS, LLC.
+ * licensing@extjs.com
+ * 
+ * http://www.extjs.com/license
+ */
+
+Ext.onReady(function(){
+
+    Ext.QuickTips.init();
+
+    // turn on validation errors beside the field globally
+    Ext.form.Field.prototype.msgTarget = 'side';
+
+    var fs = new Ext.form.Form({
+        labelAlign: 'right',
+        labelWidth: 75,
+        waitMsgTarget: 'box-bd',
+
+        // configure how to read the XML Data
+        reader : new Ext.data.XmlReader({
+            record : 'contact',
+            success: '@success'
+        }, [
+            {name: 'first', mapping:'name/first'}, // custom mapping
+            {name: 'last', mapping:'name/last'},
+            'company', 'email', 'state',
+            {name: 'dob', type:'date', dateFormat:'m/d/Y'} // custom data types
+        ]),
+
+        // reusable eror reader class defined at the end of this file
+        errorReader: new Ext.form.XmlErrorReader()
+    });
+
+    fs.fieldset(
+        {legend:'Contact Information'},
+        new Ext.form.TextField({
+            fieldLabel: 'First Name',
+            name: 'first',
+            width:190
+        }),
+
+        new Ext.form.TextField({
+            fieldLabel: 'Last Name',
+            name: 'last',
+            width:190
+        }),
+
+        new Ext.form.TextField({
+            fieldLabel: 'Company',
+            name: 'company',
+            width:190
+        }),
+
+        new Ext.form.TextField({
+            fieldLabel: 'Email',
+            name: 'email',
+            vtype:'email',
+            width:190
+        }),
+
+        new Ext.form.ComboBox({
+            fieldLabel: 'State',
+            hiddenName:'state',
+            store: new Ext.data.SimpleStore({
+                fields: ['abbr', 'state'],
+                data : Ext.exampledata.states // from states.js
+            }),
+            valueField:'abbr',
+            displayField:'state',
+            typeAhead: true,
+            mode: 'local',
+            triggerAction: 'all',
+            emptyText:'Select a state...',
+            selectOnFocus:true,
+            width:190
+        }),
+
+        new Ext.form.DateField({
+            fieldLabel: 'Date of Birth',
+            name: 'dob',
+            width:190,
+            allowBlank:false
+        })
+    );
+
+    // simple button add
+    fs.addButton('Load', function(){
+        fs.load({url:'xml-form.xml', waitMsg:'Loading'});
+    });
+
+    // explicit add
+    var submit = fs.addButton({
+        text: 'Submit',
+        disabled:true,
+        handler: function(){
+            fs.submit({url:'xml-errors.xml', waitMsg:'Saving Data...'});
+        }
+    });
+
+    fs.render('form-ct');
+
+    fs.on({
+        actioncomplete: function(form, action){
+            if(action.type == 'load'){
+                submit.enable();
+            }
+        }
+    });
+
+});
+
+// A reusable error reader class for XML forms
+Ext.form.XmlErrorReader = function(){
+    Ext.form.XmlErrorReader.superclass.constructor.call(this, {
+            record : 'field',
+            success: '@success'
+        }, [
+            'id', 'msg'
+        ]
+    );
+};
+Ext.extend(Ext.form.XmlErrorReader, Ext.data.XmlReader);