Icono En ExtJs Combo

Question

Cómo mostrar el icono junto con el campo de visualización en ExtJs Combo.Hay una extensión para extjs combo. Por favor proporcione algunas muestras.

Answer 1

Consulte la siguiente:

Workaround-Image-in-Combobox-options

Country selector with flag images in ExtJS

Answer 2

Para ExtJS4 añadir un listConfig con getInnerTpl Método para el cuadro combinado:

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

Otra forma, creo que es posible mejorarla pero funciona bien para mí:

,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>'