git.ithinksw.org
/
extjs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git]
/
examples
/
form
/
absform.js
diff --git
a/examples/form/absform.js
b/examples/form/absform.js
index
ca96e29
..
6ed09df
100644
(file)
--- a/
examples/form/absform.js
+++ b/
examples/form/absform.js
@@
-1,55
+1,51
@@
-/*!
- * Ext JS Library 3.2.2
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
+Ext.require([
+ 'Ext.form.*',
+ 'Ext.layout.container.Absolute',
+ 'Ext.window.Window'
+]);
+
Ext.onReady(function() {
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',
defaultType: 'textfield',
+ border: false,
items: [{
items: [{
- x: 0,
+ fieldLabel: 'Send To',
+ fieldWidth: 60,
+ msgTarget: 'side',
+ allowBlank: false,
+ x: 5,
y: 5,
y: 5,
- xtype:'label',
- text: 'Send To:'
- },{
- x: 60,
- y: 0,
name: 'to',
name: 'to',
- anchor:'100%' // anchor width by percentage
- },{
- x: 0,
+ anchor: '-5' // anchor width by percentage
+ }, {
+ fieldLabel: 'Subject',
+ fieldWidth: 60,
+ x: 5,
y: 35,
y: 35,
- xtype:'label',
- text: 'Subject:'
- },{
- x: 60,
- y: 30,
name: 'subject',
name: 'subject',
- anchor: '
100%
' // anchor width by percentage
- },{
- x:
0
,
- y: 6
0
,
+ anchor: '
-5
' // anchor width by percentage
+ },
{
+ x:
5
,
+ y: 6
5
,
xtype: 'textarea',
xtype: 'textarea',
+ style: 'margin:0',
+ hideLabel: true,
name: 'msg',
name: 'msg',
- anchor: '
100% 100%
' // anchor width and height
+ anchor: '
-5 -5
' // anchor width and height
}]
});
}]
});
- var win
dow = new Ext.Window(
{
+ var win
= Ext.create('Ext.window.Window',
{
title: 'Resize Me',
width: 500,
title: 'Resize Me',
width: 500,
- height:300,
+ height:
300,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
- bodyStyle:'padding:5px;',
- buttonAlign:'center',
items: form,
buttons: [{
items: form,
buttons: [{
@@
-59,5
+55,5
@@
Ext.onReady(function() {
}]
});
}]
});
- win
dow
.show();
+ win.show();
});
\ No newline at end of file
});
\ No newline at end of file