GZ/nwyj/WebContent/admin/scripts/ext20/examples/form/anchoring.js

/*
 * Ext JS Library 2.0 Copyright(c) 2006-2007, Ext JS, LLC. licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function() {
			var form = new Ext.form.FormPanel({
				baseCls : 'x-plain',
				labelWidth : 55,
				url : 'save-form.php',
				defaultType : 'textfield',

				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% -53' // anchor width by percentage
												// and height by raw adjustment
						}]
					/*
					 * , buttons: [{ text: 'Send' },{ text: 'Cancel' }]
					 */
				});

			var window = new Ext.Window({
						title : 'Resize Me',
						width : 500,
						height : 300,
						minWidth : 300,
						minHeight : 200,
						layout : 'fit',
						plain : true,
						bodyStyle : 'padding:5px;',
						buttonAlign : 'center',
						items : form,

						buttons : [{
									text : 'Send'
								}, {
									text : 'Cancel'
								}]
					});

			window.show();
		});