当前位置: 代码迷 >> Web前端 >> 表单格局(FormLayout)
  详细解决方案

表单格局(FormLayout)

热度:194   发布时间:2012-11-07 09:56:10.0
表单布局(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:"密码不能为空!"}
	]
});



?
?