examples/form/absform.js

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