add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / form / XmlForm.js

/**\r
 * This is a very simple example of using XML for load and submit of data with an Ext\r
 * dynamic form.\r
 */\r
Ext.define('KitchenSink.view.form.XmlForm', {\r
    extend: 'Ext.form.Panel',\r
    xtype: 'form-xml',\r
    controller: 'form-xml',\r
    \r
    //<example>\r
    requires: [\r
        'Ext.data.reader.Xml',\r
        'KitchenSink.model.form.Contact',\r
        'KitchenSink.model.form.FieldError',\r
        'KitchenSink.view.form.XmlFormController'\r
    ],\r
    \r
    exampleTitle: 'XML Form',\r
    otherContent: [{\r
        type: 'Contact Model',\r
        path: 'classic/samples/model/form/Contact.js'\r
    }, {\r
        type: 'FieldError Model',\r
        path: 'classic/samples/model/form/FieldError.js'\r
    }, {\r
        type: 'Store',\r
        path: 'classic/samples/store/States.js'\r
    }, {\r
        type: 'ViewController',\r
        path: 'classic/samples/view/form/XmlFormController.js'\r
    }, {\r
        type: 'Load XML',\r
        path: 'data/form/xml-form-data.xml'\r
    }, {\r
        type: 'Submit response',\r
        path: 'data/form/xml-form-errors.xml'\r
    }],\r
    //</example>\r
    \r
    title:'XML Form',\r
    frame: true,\r
    width: 340,\r
    bodyPadding: 5,\r
    waitMsgTarget: true,\r
\r
    fieldDefaults: {\r
        labelAlign: 'right',\r
        labelWidth: 85,\r
        msgTarget: 'side'\r
    },\r
\r
    // configure how to read the XML data, using an instance\r
    reader: {\r
        type: 'xml',\r
        model: 'KitchenSink.model.form.Contact',\r
        record: 'contact',\r
        successProperty: '@success'\r
    },\r
\r
    // configure how to read the XML error, using a config\r
    errorReader: {\r
        type: 'xml',\r
        model: 'KitchenSink.model.form.FieldError',\r
        record : 'field',\r
        successProperty: '@success'\r
    },\r
\r
    items: [{\r
        xtype: 'fieldset',\r
        title: 'Contact Information',\r
        defaultType: 'textfield',\r
        defaults: {\r
            width: 280\r
        },\r
        items: [{\r
            fieldLabel: 'First Name',\r
            emptyText: 'First Name',\r
            name: 'first'\r
        }, {\r
            fieldLabel: 'Last Name',\r
            emptyText: 'Last Name',\r
            name: 'last'\r
        }, {\r
            fieldLabel: 'Company',\r
            name: 'company'\r
        }, {\r
            fieldLabel: 'Email',\r
            name: 'email',\r
            vtype:'email'\r
        }, {\r
            xtype: 'combobox',\r
            fieldLabel: 'State',\r
            name: 'state',\r
            store: {\r
                type: 'states'\r
            },\r
            valueField: 'abbr',\r
            displayField: 'state',\r
            typeAhead: true,\r
            queryMode: 'local',\r
            emptyText: 'Select a state...'\r
        }, {\r
            xtype: 'datefield',\r
            fieldLabel: 'Date of Birth',\r
            name: 'dob',\r
            allowBlank: false,\r
            maxValue: new Date()\r
        }]\r
    }],\r
\r
    buttons: [{\r
        text: 'Load',\r
        listeners: {\r
            click: 'onLoadClick'\r
        }\r
    }, {\r
        text: 'Submit',\r
        disabled: true,\r
        formBind: true,\r
        listeners: {\r
            click: 'onSubmitClick'\r
        }\r
    }]\r
});\r