- /* Datepicker */
- var datefield = new Ext.FormPanel({
- renderTo: 'datefield',
- labelWidth: 100, // label settings here cascade unless overridden
- frame: true,
- title: 'Datepicker',
- bodyStyle: 'padding:5px 5px 0',
- width: 360,
- defaults: {width: 220},
- defaultType: 'datefield',
- items: [{
- fieldLabel: 'Date',
- name: 'date'
- }]
- });
+ if (params.lang) {
+ var url = Ext.util.Format.format("../../locale/ext-lang-{0}.js", params.lang);
+
+ Ext.Ajax.request({
+ url: url,
+ success: this.onSuccess,
+ failure: this.onFailure,
+ scope: this
+ });
+ } else {
+ this.setupDemo();
+ }
+ },
+ onSuccess: function(response, opts) {
+ eval(response.responseText);
+ this.setupDemo();
+ },
+ onFailure: function() {
+ Ext.Msg.alert('Failure', 'Failed to load locale file.');
+ this.setupDemo();
+ },
+ setupDemo: function() {
+ /* Email field */
+ Ext.create('Ext.FormPanel', {
+ renderTo: 'emailfield',
+ labelWidth: 100, // label settings here cascade unless overridden
+ frame: true,
+ title: 'Email Field',
+ bodyStyle: 'padding:5px 5px 0',
+ width: 380,
+ defaults: {
+ msgTarget: 'side',
+ width: 340
+ },
+ defaultType: 'textfield',
+ items: [{
+ fieldLabel: 'Email',
+ name: 'email',
+ vtype: 'email'
+ }]
+ });