extjs tab选显卡嵌套怎么玩啊，求大神执教啊

var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.TabPanel({
id:'main-tabs',
activeTab:0,
region:'center',
margins:'0 5 5 0',
resizeTabs:true,
enableTabScroll:true,
//headerCfg:{style:'display:none'},//隐藏表单头部
tabWidth:600,
height:parent.height,
style:'text-align:center;',
items:[{ title: '<div align="center">水泥客户区域维护</div>',
listeners:{ // 添加监听器，点击此页面的tab时候要重新加载（刷新功能）
activate:function(){
this.getUpdater().refresh();
}
},
items:[{
layout:'column',
items:[
new Ext.FormPanel({
labelWidth: 80,
labelAlign: 'right',
frame: false,
id:'custioms',
region:'north',
title: '',
height:parent.height,
//width:600,
items: [{
xtype:'tbtext',
text : '查询条件',
style:'color:#009DD9;',
width:240
},{
layout:'column',
border:false,
bodyStyle:'padding:15px 0 0 40px;',
items:[{
columnWidth:.5,
border:false,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: '所属单位',
name: 'company',
emptyText: '所属单位',
width:240,
style:'margin-left:-375px;'
}, {
xtype:'textfield',
fieldLabel: '一级区域',
name: 'company',
emptyText: '一级区域',
width:240,
style:'margin-left:-375px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
bodyStyle:'padding-left:80px;',
items: [{
xtype:'textfield',
fieldLabel: '一级区域',
name: 'company',
emptyText: '一级区域',
width:240,
style:'margin-left:-295px;'
}, {
xtype:'textfield',
fieldLabel: '客商名称',
name: 'company',
emptyText: '客商名称',
width:240,
style:'margin-left:-295px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel : '负责人',
name : 'id',
emptyText: '负责人',
width:240,
style:'margin-left:-375px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
bodyStyle:'padding-left:80px;',
items: [{
xtype:'textfield',
fieldLabel: '业务人员',
name: 'company',
emptyText: '业务人员',
width:240,
style:'margin-left:-295px;'
}]
}]
}],
buttonAlign:'center',
//bodyPadding :'0 0 0 30',
buttons: [
{
text: '查询',
handler: function(){　　　　　　　　　　　　
search_btn();　　　　　　　　　
}　
},{
text: '重置',
handler: function(){　　　　　　　　　　　　
Ext.getCmp("custioms").form.reset();　　　　　　　　　
}　
}]
}),new Ext.grid.GridPanel({
//region:'center',
id:'topic-grid',
store: ds,
cm: cm,
sm:sm,//指向定义好的单选按钮
trackMouseOver:false,
region:'north',
loadMask: {msg:'Loading Topics...'},
// 定制用户界面
viewConfig: {
forceFit:true,
enableRowBody:true,
showPreview:true
},
// 添加内陷的按钮 Businessline
tbar : [
{
id : 'addUserForm',
text : ' 新建 ',
tooltip : '新建一个表单',
iconCls : 'add',
handler : function() {
add_btn();
}
}, '-', {
id : 'editUserForm',
text : '修改',
tooltip : '修改',
iconCls : 'edit',
handler : function() {
edit_btn();
}
},'-', {
text : '删除',
tooltip : '删除被选择的内容',
iconCls : 'remove',
handler : function() {
handleDelete();
}

}
],
// 在底部的分页工具栏
bbar: new Ext.PagingToolbar({
pageSize: 5,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到{1}条记录，一共 {2} 条',
emptyMsg: "没有记录"
})
})
]
}]
},
{ title: '<div align="center">孰料客商区域维护</div>',
listeners:{ // 添加监听器，点击此页面的tab时候要重新加载（刷新功能）
activate:function(){
this.getUpdater().refresh();
}
},
items: [
{ layout: 'column',
//bodyStyle: "padding:5px 5px 5px 10px",
border: false,
items: [{
items:[
new Ext.FormPanel({
labelWidth: 80,
labelAlign: 'right',
frame: false,
id:'custioms',
region:'north',
title: '',
bodyStyle:'padding:20px 0px 0 40px;',
height:250,
//width:600,
items: [{
xtype:'tbtext',
text : '查询条件',
style:'color:#009DD9;',
width:240
},{
layout:'column',
border:false,
bodyStyle:'padding:15px 0 0 40px;',
items:[{
columnWidth:.5,
border:false,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: '所属单位',
name: 'company',
emptyText: '所属单位',
width:240,
style:'margin-left:-375px;'
}, {
xtype:'textfield',
fieldLabel: '一级区域',
name: 'company',
emptyText: '一级区域',
width:240,
style:'margin-left:-375px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
bodyStyle:'padding-left:80px;',
items: [{
xtype:'textfield',
fieldLabel: '一级区域',
name: 'company',
emptyText: '一级区域',
width:240,
style:'margin-left:-295px;'
}, {
xtype:'textfield',
fieldLabel: '客商名称',
name: 'company',
emptyText: '客商名称',
width:240,
style:'margin-left:-295px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel : '负责人',
name : 'id',
emptyText: '负责人',
width:240,
style:'margin-left:-375px;'
}]
},{
columnWidth:.5,
border:false,
layout: 'form',
bodyStyle:'padding-left:80px;',
items: [{
xtype:'textfield',
fieldLabel: '业务人员',
name: 'company',
emptyText: '业务人员',
width:240,
style:'margin-left:-295px;'
}]
}]
}],
buttonAlign:'center',
//bodyPadding :'0 0 0 30',
buttons: [
{
text: '查询',
handler: function(){　　　　　　　　　　　　
search_btn();　　　　　　　　　
}　
},{
text: '重置',
handler: function(){　　　　　　　　　　　　
Ext.getCmp("custioms").form.reset();　　　　　　　　　
}　
}]
}),
new Ext.grid.GridPanel({
//region:'center',
id:'topic-grid',
store: ds,
cm: cm,
sm:sm,//指向定义好的单选按钮
trackMouseOver:false,
region:'center',
loadMask: {msg:'Loading Topics...'},
// 定制用户界面
viewConfig: {
forceFit:true,
enableRowBody:true,
showPreview:true
},
// 添加内陷的按钮 Businessline
tbar : [
{
id : 'addUserForm',
text : ' 新建 ',
tooltip : '新建一个表单',
iconCls : 'add',
handler : function() {
add_btn();
}
}, '-', {
id : 'editUserForm',
text : '修改',
tooltip : '修改',
iconCls : 'edit',
handler : function() {
edit_btn();
}
},'-', {
text : '删除',
tooltip : '删除被选择的内容',
iconCls : 'remove',
handler : function() {
handleDelete();
}

}, '-', {
text : '浏览',
tooltip : '浏览被选择的内容',
iconCls : 'browse',
handler : function() {
brow_btn();
}

}
],
// 在底部的分页工具栏
bbar: new Ext.PagingToolbar({
pageSize: 5,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到{1}条记录，一共 {2} 条',
emptyMsg: "没有记录"
})
})
]
}]
}
]
}] //
})
]
});