layout布局解决方案

layout布局
var viewport=new Ext.Viewport({
layout:'border',
renderTo:Ext.getBody(),
items:[{
region:'north',
xtype:'toolbar',
items:[{xtype:'textfield',
id:'director'
},{
xtype:'tbbutton',
text:'query',
handler:function(){
var value=Ext.getCmp('director').getValue();
var params={director:value};  
store.load({params:params});  
}
},
{xtype:'tbfill'},
{xtype: 'tbsplit',
text: 'Split Button',
menu: [{
text: 'Item One'
   },{
text: 'Item Two'
},{
text: 'Item Three'
}]
}]
}

layout布局中的north部分加不了toolbar，显示不了，求解
------解决方案--------------------
不知道，可能toolbar的类与panel不一个体系。一个north，就一个toolbar？