-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
+Ext.require([
+ 'Ext.form.*',
+ 'Ext.layout.container.Absolute',
+ 'Ext.window.Window'
+]);
+
Ext.onReady(function() {
- var form = new Ext.form.FormPanel({
- baseCls: 'x-plain',
- layout:'absolute',
- url:'save-form.php',
+ var form = Ext.create('Ext.form.Panel', {
+ layout: 'absolute',
+ url: 'save-form.php',
defaultType: 'textfield',
+ border: false,
items: [{
- x: 0,
+ fieldLabel: 'Send To',
+ fieldWidth: 60,
+ msgTarget: 'side',
+ allowBlank: false,
+ x: 5,
y: 5,
- xtype:'label',
- text: 'Send To:'
- },{
- x: 60,
- y: 0,
name: 'to',
- anchor:'100%' // anchor width by percentage
- },{
- x: 0,
+ anchor: '-5' // anchor width by percentage
+ }, {
+ fieldLabel: 'Subject',
+ fieldWidth: 60,
+ x: 5,
y: 35,
- xtype:'label',
- text: 'Subject:'
- },{
- x: 60,
- y: 30,
name: 'subject',
- anchor: '100%' // anchor width by percentage
- },{
- x:0,
- y: 60,
+ anchor: '-5' // anchor width by percentage
+ }, {
+ x:5,
+ y: 65,
xtype: 'textarea',
+ style: 'margin:0',
+ hideLabel: true,
name: 'msg',
- anchor: '100% 100%' // anchor width and height
+ anchor: '-5 -5' // anchor width and height
}]
});
- var window = new Ext.Window({
+ var win = Ext.create('Ext.window.Window', {
title: 'Resize Me',
width: 500,
- height:300,
+ height: 300,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
- bodyStyle:'padding:5px;',
- buttonAlign:'center',
items: form,
buttons: [{
}]
});
- window.show();
+ win.show();
});
\ No newline at end of file