1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| Ext.require([
| 'Ext.form.*',
| 'Ext.layout.container.Absolute',
| 'Ext.window.Window'
| ]);
|
| Ext.onReady(function() {
| var form = Ext.create('Ext.form.Panel', {
| layout: 'absolute',
| url: 'save-form.php',
| defaultType: 'textfield',
| border: false,
|
| items: [{
| fieldLabel: 'Send To',
| fieldWidth: 60,
| msgTarget: 'side',
| allowBlank: false,
| vtype: 'email',
| x: 5,
| y: 5,
| name: 'to',
| anchor: '-5' // anchor width by percentage
| }, {
| fieldLabel: 'Subject',
| fieldWidth: 60,
| x: 5,
| y: 35,
| name: 'subject',
| anchor: '-5' // anchor width by percentage
| }, {
| x:5,
| y: 65,
| xtype: 'textarea',
| style: 'margin:0',
| hideLabel: true,
| name: 'msg',
| anchor: '-5 -5' // anchor width and height
| }]
| });
|
| var win = Ext.create('Ext.window.Window', {
| autoShow: true,
| title: 'Resize Me',
| width: 500,
| height: 300,
| minWidth: 300,
| minHeight: 200,
| layout: 'fit',
| plain:true,
| items: form,
|
| buttons: [{
| text: 'Send'
| },{
| text: 'Cancel'
| }]
| });
| });
|
|
