Extjs form 表单布局技巧

extjs表单布局对于新手来说真是一大难题，不过掌握了其中技巧，运用起来就得心应手了

1.先用

new Ext.FormPanel({

items:[

{...},{...},{...}

]

})

类似的代码，确定整个form的行数，即items里{}的个数。

2. 每行如果要分列，再利用

{

layout:"column",

items:[{},{},{}...]

}

以column布局，横向分切为N列,即items:[{},{},{}...]中{}的个数

3. 每列中，如果要放输入项，再把每行相关列(其实就是单元格)，采用form布局方式处理，并标明输入项，类似以下代码:

items: [{

columnWidth: 0.5,

layout: "form",

items: {

xtype:"textfield",

fieldLabel:"A1",

anchor:"90%"

}

}, {

columnWidth: 0.5,

html: "aaaaaaaaaaa"

}]