add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / locale / ContactForm.js

Ext.define('Ext.app.ContactForm', {\r
    extend: 'Ext.form.Panel',\r
    requires: [\r
        'Ext.data.ArrayStore', \r
        'Ext.data.reader.Array',\r
        'Ext.form.field.ComboBox',\r
        'Ext.form.field.Date'\r
    ],\r
    formTitle: 'Contact Information (English)',\r
    firstName: 'First Name',\r
    lastName: 'Surname',\r
    surnamePrefix: 'Surname Prefix',\r
    company: 'Company',\r
    state: 'State',\r
    stateEmptyText: 'Choose a state...',\r
    email: 'E-mail',\r
    birth: 'Date of Birth',\r
    save: 'Save',\r
    cancel: 'Cancel',\r
    initComponent : function(config) {\r
        Ext.apply(this, {\r
            url: 'save-form.php',\r
            frame: true,\r
            title: this.formTitle,\r
            bodyPadding: '5 5 0',\r
            width: 370,\r
            defaultType: 'textfield',\r
            defaults: {\r
                width: 330\r
            },\r
            items: [{\r
                    fieldLabel: this.firstName,\r
                    name: 'firstname',\r
                    allowBlank:false\r
                },{\r
                    fieldLabel: this.lastName,\r
                    name: 'lastName'\r
                },{\r
                    fieldLabel: this.surnamePrefix,\r
                    width: 150,\r
                    name: 'surnamePrefix'\r
                },{\r
                    fieldLabel: this.company,\r
                    name: 'company'\r
                },  Ext.create('Ext.form.field.ComboBox', {\r
                    fieldLabel: this.province,\r
                    hiddenName: 'state',\r
                    store: Ext.create('Ext.data.ArrayStore', {\r
                        fields: ['provincie'],\r
                        data : Ext.exampledata.dutch_provinces // from dutch-provinces.js\r
                    }),\r
                    displayField: 'provincie',\r
                    typeAhead: true,\r
                    queryMode: 'local',\r
                    triggerAction: 'all',\r
                    emptyText: this.stateEmptyText,\r
                    selectOnFocus:true\r
                }), {\r
                    fieldLabel: this.email,\r
                    name: 'email',\r
                    vtype:'email'\r
                }, Ext.create('Ext.form.field.Date', {\r
                    fieldLabel: this.birth,\r
                    name: 'birth'\r
                })\r
            ],\r
\r
            buttons: [{\r
                text: this.save\r
            },{\r
                text: this.cancel\r
            }]\r
        });\r
\r
        this.callParent(arguments);\r
    }\r
});\r
\r
Ext.require([\r
   'Ext.tip.QuickTipManager'\r
]);\r
\r
Ext.onReady(function(){\r
    Ext.tip.QuickTipManager.init();\r
\r
    // turn on validation errors beside the field globally\r
    Ext.form.field.Base.prototype.msgTarget = 'side';\r
\r
    var bd = Ext.getBody();\r
\r
    bd.createChild({tag: 'h2', html: 'Localized Contact Form'});\r
\r
    // simple form\r
    var simple = Ext.create('Ext.app.ContactForm', {});\r
    simple.render(document.body);\r
});\r