3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
7 Ext.QuickTips.init();
\r
9 Ext.onReady(function(){
\r
11 var fp = new Ext.FormPanel({
\r
13 renderTo: Ext.getBody(),
\r
16 buttonAlign: 'right',
\r
18 bodyStyle: 'padding:10px 10px 0;',
\r
22 selectOnFocus: true,
\r
28 blankText: 'Name is required'
\r
31 fieldLabel: 'Birthdate',
\r
32 blankText: 'Birthdate is required'
\r
36 handler: function(){
\r
37 if(fp.getForm().isValid()){
\r
38 var sb = Ext.getCmp('form-statusbar');
\r
39 sb.showBusy('Saving form...');
\r
41 fp.getForm().submit({
\r
43 success: function(){
\r
49 fp.getEl().unmask();
\r
58 title: 'StatusBar with Integrated Form Validation',
\r
59 renderTo: Ext.getBody(),
\r
64 bbar: new Ext.ux.StatusBar({
\r
65 id: 'form-statusbar',
\r
66 defaultText: 'Ready',
\r
67 plugins: new Ext.ux.ValidationStatus({form:'status-form'})
\r