X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/examples/locale/ContactForm.js

diff --git a/examples/locale/ContactForm.js b/examples/locale/ContactForm.js
index 5ab6836c..69763044 100644
--- a/examples/locale/ContactForm.js
+++ b/examples/locale/ContactForm.js
@@ -1,95 +1,96 @@
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.ns('Ext.app');
-
-Ext.app.ContactForm = Ext.extend(Ext.FormPanel, {
-    formTitle: 'Contact Information (English)',
-    firstName: 'First Name',
-    lastName: 'Surname',
-    surnamePrefix: 'Surname Prefix',
-    company: 'Company',
-    state: 'State',
-    stateEmptyText: 'Choose a state...',
-    email: 'E-mail',
-    birth: 'Date of Birth',
-    save: 'Save',
-    cancel: 'Cancel',
-    
-    initComponent : function(config) {
-        Ext.apply(this, {
-            labelWidth: 100, // label settings here cascade unless overridden
-            url:'save-form.php',
-            frame:true,
-            title: this.formTitle,
-            bodyStyle:'padding:5px 5px 0',
-            width: 370,
-            defaults: {width: 220},
-            defaultType: 'textfield',
-    
-            items: [{
-                    fieldLabel: this.firstName,
-                    name: 'firstname',
-                    allowBlank:false
-                },{
-                    fieldLabel: this.lastName,
-                    name: 'lastName'
-                },{
-                    fieldLabel: this.surnamePrefix,
-                    width: 50,
-                    name: 'surnamePrefix'
-                },{
-                    fieldLabel: this.company,
-                    name: 'company'
-                },  new Ext.form.ComboBox({
-                    fieldLabel: this.province,
-                    hiddenName: 'state',
-                    store: new Ext.data.ArrayStore({
-                        fields: ['provincie'],
-                        data : Ext.exampledata.dutch_provinces // from dutch-provinces.js
-                    }),
-                    displayField: 'provincie',
-                    typeAhead: true,
-                    mode: 'local',
-                    triggerAction: 'all',
-                    emptyText: this.stateEmtyText,
-                    selectOnFocus:true,
-                    width:190
-                }), {
-                    fieldLabel: this.email,
-                    name: 'email',
-                    vtype:'email'
-                }, new Ext.form.DateField({
-                    fieldLabel: this.birth,
-                    name: 'birth'
-                })
-            ],
-    
-            buttons: [{
-                text: this.save
-            },{
-                text: this.cancel
-            }]
-        });
-        
-        Ext.app.ContactForm.superclass.initComponent.apply(this, arguments);
-    }
-});
-
-Ext.onReady(function(){
-    Ext.QuickTips.init();
-
-    // turn on validation errors beside the field globally
-    Ext.form.Field.prototype.msgTarget = 'side';
-    
-    var bd = Ext.getBody();
-    
-    bd.createChild({tag: 'h2', html: 'Localized Contact Form'});
-        
-    // simple form
-    var simple = new Ext.app.ContactForm();
-    simple.render(document.body);
-});
\ No newline at end of file
+Ext.define('Ext.app.ContactForm', {
+    extend: 'Ext.form.Panel',
+    requires: [
+     'Ext.data.ArrayStore',
+     'Ext.data.reader.Array',
+     'Ext.form.field.ComboBox',
+     'Ext.form.field.Date'
+    ],
+    formTitle: 'Contact Information (English)',
+    firstName: 'First Name',
+    lastName: 'Surname',
+    surnamePrefix: 'Surname Prefix',
+    company: 'Company',
+    state: 'State',
+    stateEmptyText: 'Choose a state...',
+    email: 'E-mail',
+    birth: 'Date of Birth',
+    save: 'Save',
+    cancel: 'Cancel',
+    initComponent : function(config) {
+        Ext.apply(this, {
+            url: 'save-form.php',
+            frame: true,
+            title: this.formTitle,
+            bodyStyle: 'padding:5px 5px 0',
+            width: 370,
+            defaultType: 'textfield',
+            defaults: {
+                width: 330
+            },
+            items: [{
+                    fieldLabel: this.firstName,
+                    name: 'firstname',
+                    allowBlank:false
+                },{
+                    fieldLabel: this.lastName,
+                    name: 'lastName'
+                },{
+                    fieldLabel: this.surnamePrefix,
+                    width: 150,
+                    name: 'surnamePrefix'
+                },{
+                    fieldLabel: this.company,
+                    name: 'company'
+                },  Ext.create('Ext.form.field.ComboBox', {
+                    fieldLabel: this.province,
+                    hiddenName: 'state',
+                    store: Ext.create('Ext.data.ArrayStore', {
+                        fields: ['provincie'],
+                        data : Ext.exampledata.dutch_provinces // from dutch-provinces.js
+                    }),
+                    displayField: 'provincie',
+                    typeAhead: true,
+                    queryMode: 'local',
+                    triggerAction: 'all',
+                    emptyText: this.stateEmptyText,
+                    selectOnFocus:true
+                }), {
+                    fieldLabel: this.email,
+                    name: 'email',
+                    vtype:'email'
+                }, Ext.create('Ext.form.field.Date', {
+                    fieldLabel: this.birth,
+                    name: 'birth'
+                })
+            ],
+
+            buttons: [{
+                text: this.save
+            },{
+                text: this.cancel
+            }]
+        });
+
+        this.callParent(arguments);
+    }
+});
+
+Ext.require([
+   'Ext.tip.QuickTipManager'
+]);
+
+Ext.onReady(function(){
+    Ext.tip.QuickTipManager.init();
+
+    // turn on validation errors beside the field globally
+    Ext.form.field.Base.prototype.msgTarget = 'side';
+
+    var bd = Ext.getBody();
+
+    bd.createChild({tag: 'h2', html: 'Localized Contact Form'});
+
+    // simple form
+    var simple = Ext.create('Ext.app.ContactForm', {});
+    simple.render(document.body);
+});