Layout Sencha Touch：嵌套选项卡面板布局

这里是Sencha Touch n00b。我试图在tabpanel中创建一个带有tabpanel的表单。它们工作正常，但外部选项卡面板有一个巨大的缩进（或左/上边距或其他），内部选项卡面板也是如此

我已经尝试了现有的每一个布局/边距/边框/填充/伸缩/对齐选项，但没有任何区别

代码（剩余的冗余溢流选项）：

MyApp.views.pendingDetails=new Ext.form.FormPanel({
id:“pendingDetails”，
填充：0，
保证金：0，
布局：“自动”，
对齐：“拉伸”，
项目：[{
身高：500，
xtype:'tabpanel'，
活动选项卡：0，
//宽度：400，
选项卡栏：{//pack:'center'，//这将使菜单居中，
cls:“MainTabHeader”，
填充：0，
保证金：0
},
填充：0，
布局：“自动”，
边界：错，
保证金：0，
对齐：“拉伸”，
布局：“自动”，
项目：[{
xtype:'tabpanel'，
边界：是的，
标题：“客户”，
活动选项卡：0，
填充：0，
边界：错，
保证金：0，
身高：300，
对齐：“拉伸”，
布局：“自动”，
选项卡栏：{//pack:'center'，//这将使菜单居中，
cls:“子数据库头”，
填充：0，
保证金：0
},
项目：[{
xtype:'面板'，
标题：“网站”，
边界：是的，
填充：0，
项目：[{
xtype:'textfield'，
名称：“StJobId”，
cls：“详细文本”，
只读：对，
标签：“工作#”
}, {
xtype:'textfield'，
名称：“优先级”，
只读：对，
cls：“详细文本”，
标签：“优先级”
}, {
xtype:'textfield'，
id:“txtAddress”，
cls：“详细文本”，
只读：对，
标签：“地址”
}, {
xtype:'textfield'，
id:“TXT郊区”，
只读：对，
cls：“详细文本”，
标签：“郊区”
}, {
xtype:'textfield'，
名称：'公司'，
只读：对，
cls：“详细文本”，
标签：“公司”
}]
}, {
xtype:'面板'，
边界：是的，
标题：“联系人”
}, {
xtype:'面板'，
边界：是的，
标题：“安全”
}]
}, {
xtype:'面板'，
边界：是的，
标题：“安装”，
身高：300，
项目：[{
xtype:'按钮'，
文本：“安装选项卡”，
iconCls:“作业请求”，
是的，
iconAlign:'顶部'，
ui:'普通'，
cls：“TBButton”
}]
}, {
xtype:'面板'，
边界：是的，
标题：“历史”
}]
}],
摘要：[
MyApp.views.pendingDetailsTopToolbar]
});

它呈现为：

---

如何去除红色标记的凹痕？

显然，面板是为基本积垢设计的。他们无法处理将选项卡面板作为项目

我将FormPanel更改为一个面板，手动处理数据，现在它呈现良好