Extjs4 如何使用ExtJS 4.1增加VBOX中项目之间的间距？

所以我使用的是ExtJS4.1。我有一个包含两个项目的视口。它们堆叠正确，但我想在它们之间留出一些空间。利润率似乎不起作用

var required='*'；
Ext.onReady（函数（）{
Ext.QuickTips.init（）；
window.formPanel=Ext.widget({
车身填充：“5 0”，
可折叠：错误，
defaultType:'textfield'，
框架：对，
id:“formPanel”，
布局：“表单”，
renderTo:“”，
标题：“Spring演示3（查找传输请求）”，
url:contextPath+'/users/ajax'，
宽度：450，
xtype:'表单'，
按钮：[{
文本：“检查状态”，
范围:本,，
处理程序：函数（）{
formPanel.getForm（）.submit({
成功：功能（res，req）{
}
});
}
}],
字段默认值：{
msgTarget:'侧面'，
标签宽度：105
},
项目：[{
afterLabelTextTpl：必需，
allowBlank:false，
fieldLabel:'用户名'，
名称：“用户名”，
值：“”
}, {
afterLabelTextTpl：必需，
allowBlank:false，
字段标签：“TXID”，
名称：“txid”，
值：“”
}]
});
window.resultsPanel=Ext.widget({
项目：[{
id:'labMessage'，
边距：“010”，
文本：“等待…”，
xtype:“标签”
}],
标题：“结果”，
xtype:“面板”
});
window.viewPort=Ext.widget({
项目：[formPanel，resultsPanel]，
布局：{
对齐：'居中'，
包装：'中心'，
类型：“vbox”
},
利润率：“10”，
填充：“10”，
renderTo:'容器'，
xtype:“视口”
});
});

Ext.layout.container.VBox

布局具有

填充

和

默认边距

配置，将相应的样式应用于子组件。我不知道为什么命名不一致，但这是医生说的

查看示例代码，您似乎将边距应用于错误的组件。如果需要面板之间的间距，请将边距/填充设置放在面板本身上，而不是放在其容器上

window.resultsPanel=Ext.widget({
xtype:“面板”，
标题：“结果”，
边距：“10 0 0”//与CSS排序相同（上、右、下、左）
项目：[{
xtype:“标签”，
id:“labMessage”，
边距：“010”，
文字：“等待…”
}]
});