Ext viewport布局问题

现在这边有一个EditGridPanel和FormPanel，我要实现上下布局，edit为'center'，formPanel为'North'，用viewport布局后只能显示出editgridpanel，不能显示formpanel。
[code="js"]
var lyNorth={
id:'north_panel',
region:'north',
hight:200,
border:false,
items:[searchPanel]
};
//中间
var lyCenter={
layout:'border',
minSize:175,
maxSize:400,
id:'center_panel',
region:'center',
border:false,
margins:'0,0,0,0',
items:[cbdtGrid]
};
Ext.onReady(function(){
Ext.QuickTips.init();
var viewport=new Ext.Viewport({
layout:'border',
items:[lyCenter,lyNorth]
});
cbdtGrid.getStore().reload();
setTimeout(function(){
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
},250);
});
[/code]
请问是什么原因，上面的panel不能显示哇？谢谢

hight -> height