-Ext.QuickTips.init();\r
-\r
-Ext.onReady(function(){\r
-\r
- var fp = new Ext.FormPanel({\r
- id: 'status-form',\r
- renderTo: Ext.getBody(),\r
- labelWidth: 75,\r
- width: 350,\r
- buttonAlign: 'right',\r
- border: false,\r
- bodyStyle: 'padding:10px 10px 0;',\r
- defaults: {\r
- anchor: '95%',\r
- allowBlank: false,\r
- selectOnFocus: true,\r
- msgTarget: 'side'\r
- },\r
- items:[{\r
- xtype: 'textfield',\r
- fieldLabel: 'Name',\r
- blankText: 'Name is required'\r
- },{\r
- xtype: 'datefield',\r
- fieldLabel: 'Birthdate',\r
- blankText: 'Birthdate is required'\r
- }],\r
- buttons: [{\r
- text: 'Save',\r
- handler: function(){\r
- if(fp.getForm().isValid()){\r
- var sb = Ext.getCmp('form-statusbar');\r
- sb.showBusy('Saving form...');\r
- fp.getEl().mask();\r
- fp.getForm().submit({\r
- url: 'fake.php',\r
- success: function(){\r
- sb.setStatus({\r
- text:'Form saved!',\r
- iconCls:'',\r
- clear: true\r
- });\r
- fp.getEl().unmask();\r
- }\r
- });\r
- }\r
- }\r
- }]\r
- });\r
-\r
- new Ext.Panel({\r
- title: 'StatusBar with Integrated Form Validation',\r
- renderTo: Ext.getBody(),\r
- width: 350,\r
- autoHeight: true,\r
- layout: 'fit',\r
- items: fp,\r
- bbar: new Ext.ux.StatusBar({\r
- id: 'form-statusbar',\r
- defaultText: 'Ready',\r
- plugins: new Ext.ux.ValidationStatus({form:'status-form'})\r
- })\r
- });\r
-\r
+Ext.QuickTips.init();
+
+Ext.onReady(function(){
+
+ var fp = new Ext.FormPanel({
+ id: 'status-form',
+ renderTo: Ext.getBody(),
+ labelWidth: 75,
+ width: 350,
+ buttonAlign: 'right',
+ border: false,
+ bodyStyle: 'padding:10px 10px 0;',
+ defaults: {
+ anchor: '95%',
+ allowBlank: false,
+ selectOnFocus: true,
+ msgTarget: 'side'
+ },
+ items:[{
+ xtype: 'textfield',
+ fieldLabel: 'Name',
+ blankText: 'Name is required'
+ },{
+ xtype: 'datefield',
+ fieldLabel: 'Birthdate',
+ blankText: 'Birthdate is required'
+ }],
+ buttons: [{
+ text: 'Save',
+ handler: function(){
+ if(fp.getForm().isValid()){
+ var sb = Ext.getCmp('form-statusbar');
+ sb.showBusy('Saving form...');
+ fp.getEl().mask();
+ fp.getForm().submit({
+ url: 'fake.php',
+ success: function(){
+ sb.setStatus({
+ text:'Form saved!',
+ iconCls:'',
+ clear: true
+ });
+ fp.getEl().unmask();
+ }
+ });
+ }
+ }
+ }]
+ });
+
+ new Ext.Panel({
+ title: 'StatusBar with Integrated Form Validation',
+ renderTo: Ext.getBody(),
+ width: 350,
+ autoHeight: true,
+ layout: 'fit',
+ items: fp,
+ bbar: new Ext.ux.StatusBar({
+ id: 'form-statusbar',
+ defaultText: 'Ready',
+ plugins: new Ext.ux.ValidationStatus({form:'status-form'})
+ })
+ });
+