填充后，组合框列表是透明的

Question

我尝试在我的formpanel中使用一个组合框。当您单击组合框时，这样可以加载商店。但是当它被加载时它没有显示背景。我尝试构建和刷新应用程序，但无论我做什么或我使用它的主题一直显示它透明。

这是我的组合框

{
            xtype: 'combobox',
            name: 'type',
            anchor: '100%',
            fieldLabel: 'Type',
            displayField:'naam',
            valueField:'id',
            multiSelect: false,
            editable: false,
            store: 'ProductenGroepComboTypeJsonStore',
            listConfig: {
                        loadingText: null,
                        loadMask: false
                    }
        }

商店就是这个

Ext.define('JustRent.store.ProductenGroepComboTypeJsonStore', {
    extend: 'Ext.data.Store',

    requires: [
        'JustRent.model.ProductenGroepComboTypeModel',
        'Ext.data.proxy.Ajax',
        'Ext.data.reader.Json'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            storeId: 'ProductenGroepComboTypeJsonStore',
            model: 'JustRent.model.ProductenGroepComboTypeModel',
            proxy: {
                type: 'ajax',
                url: 'resources/json/productType.php',
                reader: {
                    type: 'json',
                    rootProperty: 'data'
                }
            }
        }, cfg)]);
    }

}); 

这就是它的样子

Answer 1

我不确定这是否适合您，但您可以定义要应用于列表的css类并尝试以这种方式解决方法

listConfig: {
                    xtype: 'boundlist',
                    baseCls: 'your-css-list',
                    maxHeight: 200,
                    itemCls: 'your-css-list-item'
                }

希望有所帮助：）