javascript - 在extjs文本字段中，如何动态更改afterSubTpl？

我在动态更改在textfield中使用的afterSubTpl时遇到问题。
有什么办法可以改变afterSubTpl

最佳答案

这是工作中的fiddle

创建元素：

{
  xtype: 'textfield',
  id: 'mytextfield',
  fieldLabel : 'Text',
  afterSubTpl: ['<div id="{id}-title" data-ref="title">afterSubTpl</div>'],
  childEls: ['title']


}

选择组合框的侦听器：

'select': function(cmb, selected) {
  var textField = Ext.getCmp('mytextfield');
  textField.title.setHtml('<div>new afterSubTpl' + selected.data.name + '</div>');
  textField.title.setStyle({color: "red"});
}

它使用childEls逻辑来引用基于afterSubTpl配置创建的HTML DOM元素。
在组合框的“选择”侦听器中，添加到childEls中的元素用于更新HTML内容。可以根据Sencha Doc操作此Ext.dom.Element