Extjs的FormPanel加到TabPanel之后button的位置问题

Question

是不是写高度或者margin，padding值了~··给顶下来了~·

Answer 1

补充一下, 我用的是ext2.3. 这段代码大体如下.
var f = new Ext.FormPanel({
labelWidth: 200,
region: 'center',
title: 'Issuer Search',
closable: true,
bodyStyle: 'padding: 5px; line-height: 42px; margin: 0 auto;',
defaultType: 'textfield',
frame: false,
height: 500,
autoHeight: false,
border: false,
defaults: {
width: '300px',
lineHeight: '30px',
margin: '10px'
},
items: [
{xtype: 'hidden', name: 'lookupAction', value: 'issuer'},
{xtype: 'hidden', name: 'lookupAction', value: 'issuer'}
...<省略>...
],
buttonAlign: 'left',
buttons:[{
text: 'Lookup',
scope: this,
handler: this.submit

},{
text: 'Reset',
scope: this,
handler: function(){f.getForm().reset();}
}]
});
centerRegion.add(f).show();

Answer 2

因为你的formPanel的buttonAlign设置成了居左了 buttonAlign: 'left',
改为
buttonAlign : 'center' 

Answer 3

要想使组件各行换色不像表格那么好处理
但是我们可以折中处理 让组件的边框隔行换色 通过设置组件的style属性来完成 
可以循环对formPanel的items这个数组进行循环操作 为每个对象增加 style:'border: green 1px solid' 
var items = Ext.getCmp('f这个panel的id').items;
for(i =0,len =items.length;i<len;i++){
  if(i%2 == 0){
   items[i].style = "border: green 1px solid";//颜色你自己调调
  }else{
    items[i].style = "border: red 1px solid"
  }
 }