Question

extjs 中ComboBox 下拉框 如何调整上边距margin-top 使它往下一点

我先定义了一个form表单，里面有下拉选框
var SBDL_store = new Ext.data.SimpleStore({
fields : ['text', 'value'],
data : [['大型设备', '1'], ['中型设备', '2']]
});

var Combo_SBLB = new Ext.form.ComboBox({
hiddenName : 'sbdl',
fieldLabel : '设备大类',
emptyText : '请选择...',
triggerAction : 'all',
store : SBDL_store,
displayField : 'text',
valueField : 'value',
mode : 'local',
forceSelection : true,
typeAhead : true,
resizable : true,
editable : false,
anchor : '99%',
allowBlank : false
});
下面是form
var QuerySBFormPanel = new Ext.form.FormPanel({
defaultType : 'textfield',
labelWidth : 70,
frame : false,
labelAlign : 'right',
bodyStyle : 'padding:5',
items : [SBQuery_Combo_SBLB,SBQuery_Combo_SBMC,SBQuery_Combo_SBXH,SBQuery_Combo_SBZT,
{fieldLabel : '隶属部门',name : 'lsbm',anchor : '99%',allowBlank : true},
{fieldLabel : '负责人',name : 'fzr',anchor : '99%',allowBlank : true}
]
});
看图片上显示为：设备大类离上面太近，不好看，怎么调整一下好看点 Ext版本为3.4

我自己在Combo_SBLB 加了一个style :'margin-top:5px;'现在成这样了，下拉按钮没有变





Answer 1

可以在外层panel多配置一个空的容器来撑开- -。。
又或者第一个item对象，也就是设备大类那边配个style，里面写margin-top;
看一下Ext JS布局吧。

Answer 2

bodyStyle : 'padding:5', 换成 bodyPadding : 10,试试