javascript - 删除 afterLabelTextTpl 中的字段触发事件单击

Question

我想删除表单字段，在 afterLabelTextTpl 中触发单击事件。

但是，我无法单独删除每个字段。

fiddle :https://fiddle.sencha.com/#fiddle/1ie7

两个跨度文本字段具有相同的 ID。一定如此，因为文本字段是从标准文本字段动态添加的

Answer 1

如果您无法单独设置 id，则可以利用 beforeLabelTextTpl 中的 XTemplate 生成标记的方式将 id 设置为唯一。实现此目的的一种方法是将字段生成的 id 附加到单词“icon”(或其他一些前缀):

'<span id="icon{id}" ...

渲染时，这会将 {id} 替换为字段的 id 属性。然后你可以在 afterrender 处理程序中引用这个唯一的 id:

var simboloEl = Ext.get("icon"+ field.id);

fiddle :https://fiddle.sencha.com/#fiddle/1iek