0

誰でも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
                        }]

                    }] 
                }]

どんな種類のヘルプも役に立ちます

4

1 に答える 1

0

HBoxレイアウトを使用してみてください。例を見てください。

http://jsfiddle.net/kG95M/

于 2012-08-30T08:10:05.257 に答える