Ext.layout.FormLayout

最新推荐文章于 2016-05-23 18:27:00 发布

zhaoqian888

最新推荐文章于 2016-05-23 18:27:00 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

分类专栏： EXT 文章标签： EXT prototype

本文链接：https://blog.youkuaiyun.com/zhaoqian888/article/details/83728983

EXT 专栏收录该内容

46 篇文章

订阅专栏

本文介绍Ext.layout.FormLayout的使用方法，包括配置项如labelAlign、labelPad等，并通过实例展示了如何创建表单布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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:"密码不能为空！"}
]
});