学习ExtJS(十) form布局
来源:互联网 发布:inside 知乎 编辑:程序博客网 时间:2024/06/05 20:01
一、 Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用。
hideLabels:tru表示隐藏标签,默认为false。
labelAlign:标签队齐方式left、right、center,默认为left。
Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"人员信息",
renderTo:Ext.getBody(),
frame:true,
width:500,
height:300,
layout:"form",
hideLabels:false,
labelAlign:"right",
height:120,
defaultType: 'textfield',
items:[
{fieldLabel:"姓名",name:"name"},
{fieldLabel:"请输入地址",name:"address"},
{fieldLabel:"请输入电话",name:"tel"}
]
}
);
二、在实际应用中,Ext.form.FormPanel这个类默认布局使用的是Form布局,因此我们直接使用FormPanel即可。上面的例子可改写成如下的形式:
Ext.onReady(function(){
var _panel = new Ext.FormPanel({
title:"人员信息",
renderTo:Ext.getBody(),
frame:true,
width:500,
height:300,
hideLabels:false,
labelAlign:"right",
height:120,
defaultType: 'textfield',
items:[
{fieldLabel:"姓名",name:"name"},
{fieldLabel:"请输入地址",name:"address"},
{fieldLabel:"请输入电话",name:"tel"}
]
}
);
0
0
(请您对文章做出评价)
- 学习ExtJS(十) form布局
- ExtJs Form布局
- ExtJs Form布局
- Extjs form 表单布局技巧
- extjs form image box 布局
- (转)form和column:extJS的布局
- form和column:extJS的布局关键字
- 学习ExtJS(七) Column布局
- 学习ExtJS(八) border布局
- 学习ExtJS(九) fit布局
- 学习ExtJS(十一) accordion布局
- 学习ExtJS(十二) table布局
- Extjs学习 layout布局
- ExtJs 布局学习笔记
- Extjs学习 Ext.form.FormPanel
- Extjs学习 Ext.form.FieldSet
- ExtJS学习笔记(三) Form
- ExtJS学习笔记(十) MVC
- Linux环境进程间通信(五)(下)
- hashtable(哈希表)
- 学习ExtJS(九) fit布局
- spring 配置 quartz排程任务小结
- 感悟人生
- 学习ExtJS(十) form布局
- C# graphics方法
- 学习ExtJS(十一) accordion布局
- 学习ExtJS(十二) table布局
- Oracle DBA:必备16大技能和经典书籍汇总
- EVC浏览文件夹对话框
- C#实现窗体颜色改变
- VC++中如何将一个CString字符串转化为数字?(该字符串由数字和特殊字符组成)
- apt 学习