examples/locale/dutch-form.js

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 Ext.onReady(function(){\r
  10 \r
  11     Ext.QuickTips.init();\r
  12 \r
  13     // turn on validation errors beside the field globally\r
  14     Ext.form.Field.prototype.msgTarget = 'side';\r
  15     \r
  16     var bd = Ext.getBody();\r
  17     \r
  18     bd.createChild({tag: 'h2', html: 'Dutch Form'})\r
  19     \r
  20     // simple form\r
  21     var simple = new Ext.FormPanel({\r
  22         labelWidth: 100, // label settings here cascade unless overridden\r
  23         url:'save-form.php',\r
  24         frame:true,\r
  25         title: 'Contact Informatie (Dutch)',\r
  26         bodyStyle:'padding:5px 5px 0',\r
  27         width: 350,\r
  28         defaults: {width: 220},\r
  29         defaultType: 'textfield',\r
  30 \r
  31         items: [{\r
  32                 fieldLabel: 'Voornaam',\r
  33                 name: 'voornaam',\r
  34                 allowBlank:false\r
  35             },{\r
  36                 fieldLabel: 'Achternaam',\r
  37                 name: 'achternaam'\r
  38             },{\r
  39                 fieldLabel: 'Tussenvoegsel',\r
  40                 width: 50,\r
  41                 name: 'tussenvoegsel'\r
  42             },{\r
  43                 fieldLabel: 'Bedrijf',\r
  44                 name: 'bedrijf'\r
  45             },  new Ext.form.ComboBox({\r
  46             fieldLabel: 'Provincie',\r
  47             hiddenName: 'state',\r
  48             store: new Ext.data.SimpleStore({\r
  49                 fields: ['provincie'],\r
  50                 data : Ext.exampledata.dutch_provinces // from dutch-provinces.js\r
  51             }),\r
  52             displayField: 'provincie',\r
  53             typeAhead: true,\r
  54             mode: 'local',\r
  55             triggerAction: 'all',\r
  56             emptyText:'Kies een provincie...',\r
  57             selectOnFocus:true,\r
  58             width:190\r
  59             }), {\r
  60                 fieldLabel: 'E-mail',\r
  61                 name: 'email',\r
  62                 vtype:'email'\r
  63             }, new Ext.form.DateField({\r
  64                 fieldLabel: 'Geb. Datum',\r
  65                 name: 'geb_datum'\r
  66             })\r
  67         ],\r
  68 \r
  69         buttons: [{\r
  70             text: 'Opslaan'\r
  71         },{\r
  72             text: 'Annuleren'\r
  73         }]\r
  74     });\r
  75 \r
  76     simple.render(document.body);\r
  77 });