ExtJs组合中的图标

Question

如何在ExtJs Combo中显示Icon以及显示字段.是否有extjs组合的任何扩展名.请提供一些样品.

Answer 1

对于ExtJS4,将一个带有getInnerTpl方法的listConfig添加到组合框中:

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 2

参考这个：

解决方法-组合框中的图像选项

ExtJS 中带有国旗图像的国家/地区选择器