2014-12-19 2 views
0

Я пытаюсь использовать combobox в своей форме. Это работает, и магазин загружается, когда вы нажимаете на поле со списком. Но когда он загружен, он не показывает background.I пытаюсь создать и обновить приложение, но независимо от того, что я делаю или какая тема я использую, он продолжает показывать его прозрачным.Список combobox прозрачен после заполнения

Это мой выпадающий

{ 
      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

+0

Это может быть расположение или высота выпадающего вопроса .Provide высота комбо-поле один раз и check.Remove всех остальных компонентов и проверьте список является ли это все еще отображается прозрачно или нет. Если это не проблема с макетом, если это проблема вашего компонента. – Sreek521

ответ

0

Я не уверен, если это идеальный вариант для вас, но вы можете определить классы css для применения к вашему списку и попытаться сделать обходной путь, что путь

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

Надеется, что это помогает :)

Смежные вопросы