ExtJs Combo中的圖標

Question

如何在ExtJs Combo.Is中顯示圖標和顯示字段Extjs組合中有任何擴展名。請提供一些樣品。

Answer 1

參見本：

Workaround-Image-in-Combobox-options

Country selector with flag images in ExtJS

Answer 2

對於ExtJS4與getInnerTpl方法添加listConfig到ComboBox：

xtype: 'combobox', 
anchor: '100%', 
listConfig: { 
    getInnerTpl: function(displayField) { 
    return '<img src="/images/icons/{id}.png" class="icon"/> {' + displayField + '}'; 
    } 
}, 
name: 'type', 
fieldLabel: 'Group Type', 
displayField: 'label', 
hiddenName: 'type', 
queryMode: 'local', 
store: 'group.Types', 
valueField: 'id' 

Answer 3

另一種方式，我認爲是可以提高它但對我很好：

,store: new Ext.data.ArrayStore({ 
       id: 0, 
       fields: [ 
       'lang', 'desc','url' 
      ], 
      data: [['CA','Spanish','es.gif'],['VA','Valencian','va.gif']] 
}) 

,tpl : '<tpl for=".">'+ 
       '<tpl if="0==0"><div class="x-combo-list-item" ><img src="../img/{url}">  {desc}</div></tpl>'+ 
       '</tpl>'