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

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
statusbar-advanced.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：2k
源码类别：

JavaScript

开发平台：

JavaScript

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