ext组件高度问题

Question

var meetingSearchCALLForm=new Ext.FormPanel({
id:'meetingSearchCALLForm',
labelAlign: 'left',
frame:true,
split:true,
enableTabScroll:true,
title: '会议搜索',
collapsible:true,
width: 950,
height:180,
// bodyStyle:'width:100%',
//autoWidth:true,
//defaults: {width: 220},
region:'north',
autoScroll:true})

var meetingCALLGrid=new Ext.grid.GridPanel({
border:false,
region:'center',
store: storeCALL,
cm:colMCALL,
sm: smCALL,
height:'200',
maxSize: 100,
initialSize: 100,
autoScroll:true,
bbar: pagingBarCALL,
autoExpandColumn:'meetname',
collapsible: true,
viewConfig: {
forceFit:true
},
})

var meetingCALLGridNow=new Ext.grid.GridPanel({
border:false,
region:'south',
store: storeCALLNow,
cm:colMCALLNow,
sm: smCALLNow,
split:true,
maxSize: 300,
collapsible: true,
minSize: 100,
frame:true,
initialSize:200,
autoScroll:true,
bbar: pagingBarCALLNow,
autoExpandColumn:'meetname',
viewConfig: {
forceFit:true
}
});
})

一个form和两个grid，分别处于north，center和south
为什么meetingCALLGridNow和meetingCALLGrid的初始高度没办法设置？

Answer 1

去掉autoScroll:true, 属性，加上height属性
还有这里的height属性值不需要单引号引起来，你这里的meetingCALLGrid的height都是这样的
[code="js"]height:'200', [/code]

如：height:200
width:400