X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/statusbar-advanced.html
diff --git a/docs/source/statusbar-advanced.html b/docs/source/statusbar-advanced.html
new file mode 100644
index 00000000..a93d0b0f
--- /dev/null
+++ b/docs/source/statusbar-advanced.html
@@ -0,0 +1,83 @@
+
+
+ The source code
+
+
+
+
+ /*
+ * Ext JS Library 2.2
+ * Copyright(c) 2006-2008, Ext JS, LLC.
+ * licensing@extjs.com
+ *
+ * http://extjs.com/license
+ */
+
+
+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'})
+ })
+ });
+
+});
+
+
\ No newline at end of file