表单"form","column"(以及混合布局)

常见的表单布局

            var pnForm = new Ext.form.FormPanel({

                title:'主体信息',                

                labelAlign: 'right',

                buttonAlign: 'center',

                labelWidth: 140,

                defaults: { autoWidth: true },

                padding: 20,

                frame: false,

                border: false,

                autoScroll: true,

                items: [

                 {

                     layout: 'column',

                     xtype: 'fieldset',

                     title: '项目信息',

                     items: [

                            {

                                columnWidth: 1, //列宽为50%

                                layout: 'column',

                                border: false,

                                style: 'margin-left: 0;', //边框间距

                                items: 

                    [

                                    {

                                        columnWidth: .5, //列宽为50%

                                        layout: 'form',

                                        border: false,

                                        style: 'margin-left: 0;', //边框间距

                                        items: [txtProjectName, txtApplyPeople]

                                    },

                                    {

                                        columnWidth: .5, //列宽为50%

                                        layout: 'form',

                                        border: false,

                                        style: 'margin-left: 0;', //边框间距

                                        items: [rdoBelongsTo, cmbCurrency]

                                    },

                                     {

                                         columnWidth: .7, //列宽为50%

                                         layout: 'form',

                                         border: false,

                                         style: 'margin-left: 0;', //边框间距

                                         items: 
                                         [

                                             {

                                              xtype: 'compositefield',

                                              fieldLabel:'项目地址',

                                              items: 
                                              [

                                              txtProjectAddress,

                                              { xtype: 'displayfield', value: "*", style: "color:#FF0000;margin-top:5;font-size:14px;" },

                                              btnSelect

                                              ]

                                              }

                                          ]

                                      }

                                 ]

                            }

                        ]

                 }

                ],

                listeners: {

                    'render': function() {



                    }

                }

            });