anchoring.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:1k
源码类别:

中间件编程

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function() {
  2.     var form = new Ext.form.FormPanel({
  3.         baseCls: 'x-plain',
  4.         labelWidth: 55,
  5.         url:'save-form.php',
  6.         defaultType: 'textfield',
  7.         items: [{
  8.             fieldLabel: 'Send To',
  9.             name: 'to',
  10.             anchor:'100%'  // anchor width by percentage
  11.         },{
  12.             fieldLabel: 'Subject',
  13.             name: 'subject',
  14.             anchor: '100%'  // anchor width by percentage
  15.         }, {
  16.             xtype: 'textarea',
  17.             hideLabel: true,
  18.             name: 'msg',
  19.             anchor: '100% -53'  // anchor width by percentage and height by raw adjustment
  20.         }]
  21.     });
  22.     var window = new Ext.Window({
  23.         title: 'Resize Me',
  24.         width: 500,
  25.         height:300,
  26.         minWidth: 300,
  27.         minHeight: 200,
  28.         layout: 'fit',
  29.         plain:true,
  30.         bodyStyle:'padding:5px;',
  31.         buttonAlign:'center',
  32.         items: form,
  33.         buttons: [{
  34.             text: 'Send'
  35.         },{
  36.             text: 'Cancel'
  37.         }]
  38.     });
  39.     window.show();
  40. });