-Ext.onReady(function() {\r
- var form = new Ext.form.FormPanel({\r
- baseCls: 'x-plain',\r
- labelWidth: 55,\r
- url: 'save-form.php',\r
- layout: {\r
- type: 'vbox',\r
- align: 'stretch' // Child items are stretched to full width\r
- },\r
- defaults: {\r
- xtype: 'textfield'\r
- },\r
-\r
- items: [{\r
- xtype: 'combo',\r
- store: ['test@example.com', 'someone-else@example.com' ],\r
- plugins: [ Ext.ux.FieldReplicator, Ext.ux.FieldLabeler ],\r
- fieldLabel: 'Send To',\r
- name: 'to'\r
- },{\r
- plugins: [ Ext.ux.FieldLabeler ],\r
- fieldLabel: 'Subject',\r
- name: 'subject'\r
- }, {\r
- xtype: 'textarea',\r
- fieldLabel: 'Message text',\r
- hideLabel: true,\r
- name: 'msg',\r
- flex: 1 // Take up all *remaining* vertical space\r
- }]\r
- });\r
-\r
- var w = new Ext.Window({\r
- title: 'Compose message',\r
- collapsible: true,\r
- maximizable: true,\r
- width: 750,\r
- height: 500,\r
- minWidth: 300,\r
- minHeight: 200,\r
- layout: 'fit',\r
- plain: true,\r
- bodyStyle: 'padding:5px;',\r
- buttonAlign: 'center',\r
- items: form,\r
- buttons: [{\r
- text: 'Send'\r
- },{\r
- text: 'Cancel'\r
- }]\r
- });\r
- w.show();\r
+Ext.onReady(function() {
+ var form = new Ext.form.FormPanel({
+ baseCls: 'x-plain',
+ labelWidth: 55,
+ url: 'save-form.php',
+ layout: {
+ type: 'vbox',
+ align: 'stretch' // Child items are stretched to full width
+ },
+ defaults: {
+ xtype: 'textfield'
+ },
+
+ items: [{
+ xtype: 'combo',
+ store: ['test@example.com', 'someone-else@example.com' ],
+ plugins: [ Ext.ux.FieldReplicator, Ext.ux.FieldLabeler ],
+ fieldLabel: 'Send To',
+ name: 'to'
+ },{
+ plugins: [ Ext.ux.FieldLabeler ],
+ fieldLabel: 'Subject',
+ name: 'subject'
+ }, {
+ xtype: 'textarea',
+ fieldLabel: 'Message text',
+ hideLabel: true,
+ name: 'msg',
+ flex: 1 // Take up all *remaining* vertical space
+ }]
+ });
+
+ var w = new Ext.Window({
+ title: 'Compose message',
+ collapsible: true,
+ maximizable: true,
+ width: 750,
+ height: 500,
+ minWidth: 300,
+ minHeight: 200,
+ layout: 'fit',
+ plain: true,
+ bodyStyle: 'padding:5px;',
+ buttonAlign: 'center',
+ items: form,
+ buttons: [{
+ text: 'Send'
+ },{
+ text: 'Cancel'
+ }]
+ });
+ w.show();