ExtJS Combobox显示一些奇怪的空间

Question

我在组合框中显示了一些奇怪的空间。我已经在我的项目中替换了ExtJS库，但仍然没有运气。

有什么想法可以在这里发生什么？

以下是它的外观图片......

这是我使用的代码

Ext.define('Ext.view.AddMaintenanceWindow',{
extend      :'Ext.window.Window',
constructor :function(config){
    Ext.apply(this, config);
    var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
    {"abbr":"AL", "name":"Alabama"},
    {"abbr":"AK", "name":"Alaska"},
    {"abbr":"AZ", "name":"Arizona"}
]
});
    Ext.apply(this,{
        title   :'Agregar nueva entrada de mantenimiento',
        items   :[
                    Ext.create('Ext.panel.Panel',{
                        items       :[
                                        Ext.create('Ext.form.ComboBox', {
                                            fieldLabel: 'Choose State',
                                            store: states,
                                            queryMode: 'local',
                                            displayField: 'name',
                                            valueField: 'abbr'
                                        })
                                    ]
                    })
                ]
    });
    this.superclass.constructor.call(this);
},
initComponent:function(){
    this.superclass.initComponent.apply(this, arguments);
}
})

以防万一...我正在使用Yii + ExtJS（没有Ext4Yii）

顺便说一句，我也尝试使用boxselect（我下载并复制了它）并得到了相同的结果，但是有一个盒子选择）

我通过创建一个新的yii项目并将所有文件复制到该项目来解决这个问题。我之前已经做过很多，但是没有用，但这一次确实如此。我仍然很好奇这个问题可能是什么。

Answer 1

从屏幕截图的外观看，您在列表中获得了额外的padding或margins（而不是空格）。使用Chrome或Firefox等现代浏览器和Firebug来检查“Alabama”周围的元素。找到哪个CSS选择器正在添加额外的填充/边距并将其覆盖为列表框。