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:再现表单布局的主要内容,如果未能解决你的问题,请参考以下文章

如何在 extjs4.1 中水平对齐组合框

如何在 extjs4 中更改 fieldLabel 样式

ExtJS 4.1:覆盖 mixins

布局运行失败 Extjs

创建自定义布局 ExtJs 4.1

Extjs4.1,存储同步后检索响应消息