extjs中为什么给grid重新赋高度不好使

代码
{id: 'Arrears', xtype: 'grid', layout: 'fit', border: false, border: 0, height:160, columnLines: true,
viewConfig: {forceFit: true, stripeRows: true},
columns: [
{ header: '所属单位', dataIndex: "zh", flex: 0.7 },
{ header: '户 名', dataIndex: "hm" }
],
store: Store,
autoScroll: true,
width: '100%'
}//表格代码
//页面加载后执行下面代码
{
var TabPanel1 = Ext.getCmp('TabPanel1').getHeight();
var north2 = Ext.getCmp('north2').getHeight();
var userInfo = Ext.getCmp('userInfo').getHeight();
var south1 = Ext.getCmp('south1').getHeight();
var gridHeight = ((TabPanel1 - north2 - userInfo - south1) / 3).toFixed(2);
Ext.getCmp("Arrears").setHeight(gridHeight);//这条语句无效，不知为什么
}

页面加载后 不一定能执行. 需要在grid 渲染完成以后才能执行 高度设置的代码 .
grid.on('render', function (){
var gHeight=((TabPanel1 - north2 - userInfo - south1) / 3).toFixed(2);//

this.setHeight(gHeight);

})

用过程中，如果加入锁定列的话，还有一个问题，目前比较土鳖的方法。 colmodel.config[0].locked = true //强制锁定第一列，也就是原来的 ext.grid.checkboxselectionmodel 那列