如何在Extjs中將圖像添加到組合中？

Question

我設法在extjs組合選擇列表中添加圖像，但是在選擇某個項目後，無法在摺疊組合中顯示相同的圖像。我嘗試通過添加一些自定義HTML來更改模板（displayTpl），但它會被轉義。任何幫助，將不勝感激。

感謝

this.chartCombo = Ext.create('Ext.form.field.ComboBox', { 
     height: '20', 
     fieldLabel: 'Chart Type', 
     displayField: 'chartLabel', 
     valueField: 'chartValue', 
     store: chartComboDataSource, 
     queryMode: 'local', 
     listConfig: { 
      getInnerTpl: function() { 
       this.cls = 'option-list-chart-img'; 
       return "<img class='{cssClassName}'/> {chartLabel}"; 
      } 
     } 
    }); 

Answer 1

它不工作，因爲倒塌的組合僅僅是不能包含HTML簡單<input>元素。我建議您將圖像設置爲<input>的背景圖像，並在選擇更改時以編程方式切換它。