如何在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

这是行不通的，因为折叠的组合只是一个简单的<input>元素，不能包含HTML。 我建议您将图像设置为<input>的背景图像，并在选择更改时以编程方式对其进行切换。