examples/form/absform.js

   1 /*!
   2  * Ext JS Library 3.0.3
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function() {\r
   8     var form = new Ext.form.FormPanel({\r
   9         baseCls: 'x-plain',\r
  10         layout:'absolute',\r
  11         url:'save-form.php',\r
  12         defaultType: 'textfield',\r
  13 \r
  14         items: [{\r
  15             x: 0,\r
  16             y: 5,\r
  17             xtype:'label',\r
  18             text: 'Send To:'\r
  19         },{\r
  20             x: 60,\r
  21             y: 0,\r
  22             name: 'to',\r
  23             anchor:'100%'  // anchor width by percentage\r
  24         },{\r
  25             x: 0,\r
  26             y: 35,\r
  27             xtype:'label',\r
  28             text: 'Subject:'\r
  29         },{\r
  30             x: 60,\r
  31             y: 30,\r
  32             name: 'subject',\r
  33             anchor: '100%'  // anchor width by percentage\r
  34         },{\r
  35             x:0,\r
  36             y: 60,\r
  37             xtype: 'textarea',\r
  38             name: 'msg',\r
  39             anchor: '100% 100%'  // anchor width and height\r
  40         }]\r
  41     });\r
  42 \r
  43     var window = new Ext.Window({\r
  44         title: 'Resize Me',\r
  45         width: 500,\r
  46         height:300,\r
  47         minWidth: 300,\r
  48         minHeight: 200,\r
  49         layout: 'fit',\r
  50         plain:true,\r
  51         bodyStyle:'padding:5px;',\r
  52         buttonAlign:'center',\r
  53         items: form,\r
  54 \r
  55         buttons: [{\r
  56             text: 'Send'\r
  57         },{\r
  58             text: 'Cancel'\r
  59         }]\r
  60     });\r
  61 \r
  62     window.show();\r
  63 });