开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
statusbar-advanced.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：2k
源码类别：

中间件编程

开发平台：

JavaScript

statusbar-advanced.js：源码内容
  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /*
  2.  * Ext JS Library 2.2
  3.  * Copyright(c) 2006-2008, Ext JS, LLC.
  4.  * licensing@extjs.com
  5.  *
  6.  * http://extjs.com/license
  7.  */
  10. Ext.QuickTips.init();
  12. Ext.onReady(function(){
  14.     var fp = new Ext.FormPanel({
  15.         id: 'status-form',
  16.         renderTo: Ext.getBody(),
  17.         labelWidth: 75,
  18.         width: 350,
  19.         buttonAlign: 'right',
  20.         border: false,
  21.         bodyStyle: 'padding:10px 10px 0;',
  22.         defaults: {
  23.             anchor: '95%',
  24.             allowBlank: false,
  25.             selectOnFocus: true,
  26.             msgTarget: 'side'
  27.         },
  28.         items:[{
  29.             xtype: 'textfield',
  30.             fieldLabel: 'Name',
  31.             blankText: 'Name is required'
  32.         },{
  33.             xtype: 'datefield',
  34.             fieldLabel: 'Birthdate',
  35.             blankText: 'Birthdate is required'
  36.         }],
  37.         buttons: [{
  38.             text: 'Save',
  39.             handler: function(){
  40.                 if(fp.getForm().isValid()){
  41.                     var sb = Ext.getCmp('form-statusbar');
  42.                     sb.showBusy('Saving form...');
  43.                     fp.getEl().mask();
  44.                     fp.getForm().submit({
  45.                         url: 'fake.php',
  46.                         success: function(){
  47.                             sb.setStatus({
  48.                                 text:'Form saved!',
  49.                                 iconCls:'',
  50.                                 clear: true
  51.                             });
  52.                             fp.getEl().unmask();
  53.                         }
  54.                     });
  55.                 }
  56.             }
  57.         }]
  58.     });
  60.     new Ext.Panel({
  61.         title: 'StatusBar with Integrated Form Validation',
  62.         renderTo: Ext.getBody(),
  63.         width: 350,
  64.         autoHeight: true,
  65.         layout: 'fit',
  66.         items: fp,
  67.         bbar: new Ext.ux.StatusBar({
  68.             id: 'form-statusbar',
  69.             defaultText: 'Ready',
  70.             plugins: new Ext.ux.ValidationStatus({form:'status-form'})
  71.         })
  72.     });
  74. });