Extjs4.1:再现表单布局
Posted
技术标签:
【中文标题】Extjs4.1:再现表单布局【英文标题】:Extjs4.1: Reproduce form Layouts 【发布时间】:2012-08-30 08:07:42 【问题描述】:谁能在 extjs4.1 中重现这种类型的布局:
我尝试重现这种类型的组合布局,但现在我只做一行或一列,而不是同时做在一起
这是我在 extjs2 中使用的代码:
[
layout:'column',
border: false,
items:[
width:220,
layout: 'form',
border: false,
items: [
xtype:'textfield',
fieldLabel: 'asd',
name: 'clientId',
tabIndex: 1
,
xtype:'textfield',
fieldLabel: 'lol',
name: 'clientId',
tabIndex: 11
]
,
width:220,
layout: 'form',
border: false,
items: [
xtype:'textfield',
fieldLabel: 'qwerty',
name: 'description',
tabIndex: 2
,
xtype:'textfield',
fieldLabel: 'kat',
name: 'description',
tabIndex:12
]
,
width:220,
layout: 'form',
border: false,
items: [
xtype:'textfield',
fieldLabel: 'duck',
name: 'description',
tabIndex: 3
,
xtype:'textfield',
fieldLabel: 'lucky',
name: 'description',
tabIndex: 13
]
]
]
任何类型的帮助都是有用的
【问题讨论】:
【参考方案1】:尝试使用HBox
布局,看看示例:
http://jsfiddle.net/kG95M/
【讨论】:
以上是关于Extjs4.1:再现表单布局的主要内容,如果未能解决你的问题,请参考以下文章