-/*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.onReady(function() {\r
- var form = new Ext.form.FormPanel({\r
- baseCls: 'x-plain',\r
- labelWidth: 55,\r
- url:'save-form.php',\r
- defaultType: 'textfield',\r
-\r
- items: [{\r
- fieldLabel: 'Send To',\r
- name: 'to',\r
- anchor:'100%' // anchor width by percentage\r
- },{\r
- fieldLabel: 'Subject',\r
- name: 'subject',\r
- anchor: '100%' // anchor width by percentage\r
- }, {\r
- xtype: 'textarea',\r
- hideLabel: true,\r
- name: 'msg',\r
- anchor: '100% -53' // anchor width by percentage and height by raw adjustment\r
- }]\r
- });\r
-\r
- var window = new Ext.Window({\r
- title: 'Resize Me',\r
- width: 500,\r
- height:300,\r
- minWidth: 300,\r
- minHeight: 200,\r
- layout: 'fit',\r
- plain:true,\r
- bodyStyle:'padding:5px;',\r
- buttonAlign:'center',\r
- items: form,\r
-\r
- buttons: [{\r
- text: 'Send'\r
- },{\r
- text: 'Cancel'\r
- }]\r
- });\r
-\r
- window.show();\r
+Ext.require([
+ 'Ext.form.*',
+ 'Ext.window.Window'
+]);
+
+Ext.onReady(function() {
+ var form = Ext.create('Ext.form.Panel', {
+ border: false,
+ fieldDefaults: {
+ labelWidth: 55
+ },
+ url: 'save-form.php',
+ defaultType: 'textfield',
+ bodyPadding: 5,
+
+ items: [{
+ fieldLabel: 'Send To',
+ name: 'to',
+ anchor:'100%' // anchor width by percentage
+ },{
+ fieldLabel: 'Subject',
+ name: 'subject',
+ anchor: '100%' // anchor width by percentage
+ }, {
+ xtype: 'textarea',
+ hideLabel: true,
+ name: 'msg',
+ anchor: '100% -47' // anchor width by percentage and height by raw adjustment
+ }]
+ });
+
+ var win = Ext.create('Ext.window.Window', {
+ title: 'Resize Me',
+ width: 500,
+ height:300,
+ minWidth: 300,
+ minHeight: 200,
+ layout: 'fit',
+ plain: true,
+ items: form,
+
+ buttons: [{
+ text: 'Send'
+ },{
+ text: 'Cancel'
+ }]
+ });
+
+ win.show();
});
\ No newline at end of file