开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
ContactForm.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：3k
源码类别：

中间件编程

开发平台：

JavaScript

ContactForm.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.ns('Ext.app');
  3. Ext.app.ContactForm = Ext.extend(Ext.FormPanel, {
  4.     formTitle: 'Contact Information (English)',
  5.     firstName: 'First Name',
  6.     lastName: 'Surname',
  7.     surnamePrefix: 'Surname Prefix',
  8.     company: 'Company',
  9.     state: 'State',
  10.     stateEmptyText: 'Choose a state...',
  11.     email: 'E-mail',
  12.     birth: 'Date of Birth',
  13.     save: 'Save',
  14.     cancel: 'Cancel',
  15.     
  16.     initComponent : function(config) {
  17.         Ext.apply(this, {
  18.             labelWidth: 100, // label settings here cascade unless overridden
  19.             url:'save-form.php',
  20.             frame:true,
  21.             title: this.formTitle,
  22.             bodyStyle:'padding:5px 5px 0',
  23.             width: 370,
  24.             defaults: {width: 220},
  25.             defaultType: 'textfield',
  26.     
  27.             items: [{
  28.                     fieldLabel: this.firstName,
  29.                     name: 'firstname',
  30.                     allowBlank:false
  31.                 },{
  32.                     fieldLabel: this.lastName,
  33.                     name: 'lastName'
  34.                 },{
  35.                     fieldLabel: this.surnamePrefix,
  36.                     width: 50,
  37.                     name: 'surnamePrefix'
  38.                 },{
  39.                     fieldLabel: this.company,
  40.                     name: 'company'
  41.                 },  new Ext.form.ComboBox({
  42.                     fieldLabel: this.province,
  43.                     hiddenName: 'state',
  44.                     store: new Ext.data.ArrayStore({
  45.                         fields: ['provincie'],
  46.                         data : Ext.exampledata.dutch_provinces // from dutch-provinces.js
  47.                     }),
  48.                     displayField: 'provincie',
  49.                     typeAhead: true,
  50.                     mode: 'local',
  51.                     triggerAction: 'all',
  52.                     emptyText: this.stateEmtyText,
  53.                     selectOnFocus:true,
  54.                     width:190
  55.                 }), {
  56.                     fieldLabel: this.email,
  57.                     name: 'email',
  58.                     vtype:'email'
  59.                 }, new Ext.form.DateField({
  60.                     fieldLabel: this.birth,
  61.                     name: 'birth'
  62.                 })
  63.             ],
  64.     
  65.             buttons: [{
  66.                 text: this.save
  67.             },{
  68.                 text: this.cancel
  69.             }]
  70.         });
  71.         
  72.         Ext.app.ContactForm.superclass.initComponent.apply(this, arguments);
  73.     }
  74. });
  76. Ext.onReady(function(){
  77.     Ext.QuickTips.init();
  79.     // turn on validation errors beside the field globally
  80.     Ext.form.Field.prototype.msgTarget = 'side';
  81.     
  82.     var bd = Ext.getBody();
  83.     
  84.     bd.createChild({tag: 'h2', html: 'Localized Contact Form'});
  85.         
  86.     // simple form
  87.     var simple = new Ext.app.ContactForm();
  88.     simple.render(document.body);
  89. });