Javascript extjs-将图像添加到标记字段组合框和标签

我需要将缩略图（小图像）附加到标记字段中的标签上

我发现了一个悬而未决的问题：

为了在组合框上显示图像，我找到并编辑了一些代码：

但是在我的最终代码中没有成功地使它在架构师上工作

• 在我提到的那个示例中，我使用“tpl”编写html模板。 但首先，架构师软件中没有此类属性（除非您将其添加为自定义属性）， 即使我这么做了，也没用

谢谢

代码（此处不起作用，请运行上述命令）：

Ext.application({
名称：'斯奈尔桥'，//作者：斯奈尔·埃尔加布西
启动：函数（）{
var cities=Ext.create（'Ext.data.Store'{
字段：['name'，'isTitle']，
数据：[
{类型：'Animal'，宠物名：'Human'，img:'http://i56.photobucket.com/albums/g181/thejoker1x/th_HomerFalling.gif' },
{类型：'Animal'，宠物名：'Lion'，img:'http://icons.veryicon.com/ico/Animal/Animal/lion.ico'},
{类型：'Bird'，宠物名：'Starling'，img:'http://ted-parker.com/wp-content/uploads/2015/11/StarlingTHUMB.jpg' },
{类型：'Bird'，宠物名：'Dove'，img:'https://cdn2.iconfinder.com/data/icons/outline-signs/350/dove-512.png' },
{类型：'Fish'，宠物名：'Nemo'，img:'https://cdn2.iconfinder.com/data/icons/aquatic-wildlife/135/_nemo-128.png' }
]
});
Ext.create（'Ext.form.field.Tag'{
fieldLabel:“选择宠物”，
商店：城市，
renderTo:Ext.getBody（），
tpl:Ext.create（'Ext.XTemplate'，
“{[this.currentKey=null]}”，
'',
'',
“{[this.currentKey=values.type]}”，
'',
'',
“{petname}”，
'',
{               
shouldShowHeader:函数（键）{
返回此.currentKey！=密钥；
},
getHeader:函数（键）{
this.currentKey=key；
返回键；
}
})
});
}
});