表单布局（FormLayout）

Ext.layout.FormLayout是为表单特殊设计的布局，其xtype值为form。

 

主要配置项：
      labelAlign：字段标签的对齐方式，默认为left。
      labelPad：字段标签与字段之间的间距，默认为5。
      labelWidth：字段标签的宽度，默认为100。
      hideLabels：是否隐藏字段标签，默认为false。

 

Ext.QuickTips.init(); 
Ext.form.Field.prototype.msgTarget = "side";
new Ext.Panel({
	renderTo: "div2",
	frame: true,
	layout: "form",
	title: "表单布局（FormLayout）",
	defaults: {
		bodyStyle: "padding:3px; background-color: #FFFFFF",
		labelSeparator: "："
	},
	defaultType: "textfield",
	labelAlign: "right",
	items: [
		{fieldLabel:"用户名", hideLabel:false, allowBlank:false, blankText:"用户名不能为空！"},
		{fieldLabel:"密码", allowBlank:false, blankText:"密码不能为空！"}
	]
});