2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
9 Ext.onReady(function(){
\r
11 Ext.QuickTips.init();
\r
13 // turn on validation errors beside the field globally
\r
14 Ext.form.Field.prototype.msgTarget = 'side';
\r
16 var fs = new Ext.FormPanel({
\r
19 labelAlign: 'right',
\r
22 waitMsgTarget: true,
\r
24 // configure how to read the XML Data
\r
25 reader : new Ext.data.XmlReader({
\r
29 {name: 'first', mapping:'name/first'}, // custom mapping
\r
30 {name: 'last', mapping:'name/last'},
\r
31 'company', 'email', 'state',
\r
32 {name: 'dob', type:'date', dateFormat:'m/d/Y'} // custom data types
\r
35 // reusable eror reader class defined at the end of this file
\r
36 errorReader: new Ext.form.XmlErrorReader(),
\r
39 new Ext.form.FieldSet({
\r
40 title: 'Contact Information',
\r
42 defaultType: 'textfield',
\r
44 fieldLabel: 'First Name',
\r
48 fieldLabel: 'Last Name',
\r
52 fieldLabel: 'Company',
\r
56 fieldLabel: 'Email',
\r
62 new Ext.form.ComboBox({
\r
63 fieldLabel: 'State',
\r
65 store: new Ext.data.SimpleStore({
\r
66 fields: ['abbr', 'state'],
\r
67 data : Ext.exampledata.states // from states.js
\r
70 displayField:'state',
\r
73 triggerAction: 'all',
\r
74 emptyText:'Select a state...',
\r
79 new Ext.form.DateField({
\r
80 fieldLabel: 'Date of Birth',
\r
90 // simple button add
\r
91 fs.addButton('Load', function(){
\r
92 fs.getForm().load({url:'xml-form.xml', waitMsg:'Loading'});
\r
96 var submit = fs.addButton({
\r
99 handler: function(){
\r
100 fs.getForm().submit({url:'xml-errors.xml', waitMsg:'Saving Data...'});
\r
104 fs.render('form-ct');
\r
107 actioncomplete: function(form, action){
\r
108 if(action.type == 'load'){
\r
116 // A reusable error reader class for XML forms
\r
117 Ext.form.XmlErrorReader = function(){
\r
118 Ext.form.XmlErrorReader.superclass.constructor.call(this, {
\r
120 success: '@success'
\r
126 Ext.extend(Ext.form.XmlErrorReader, Ext.data.XmlReader);