組合框列表在填充後是透明的

我嘗試在我的窗體中使用組合框。這個工程和點擊組合框時，商店正在加載。但是當它被加載時，它並沒有顯示背景。我嘗試構建和刷新應用程序，但不管我做了什麼或者使用了什麼主題，都一直顯示它透明。組合框列表在填充後是透明的

這是我的組合框

{ 
      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)]); 
    } 

});

這是怎麼看起來像

list without a background

來源

2014-12-19 Rick Weller

這可能是佈局或ComboBox身高問題.Provide高度組合框一次check.Remove所有其他組件和檢查清單無論是仍然顯示透明或不透明。如果不是這是你的佈局問題，如果是的話，這是你的組件問題。 – Sreek521 2014-12-19 13:48:54

我不知道這是否是理想爲你，但你可以定義的CSS類應用到你的列表並嘗試做一個變通方法，方式

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

希望它能幫助:)

來源

2014-12-22 15:08:52

組合框列表在填充後是透明的

回答

相關問題