在extjs textfield中如何动态更改afterSubTpl？

Question

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

Answer 1

这是一个有效的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元素。 在组合框的“select”侦听器中，在childEls中添加的元素用于更新HTML内容。可以根据Sencha Doc

操作此Ext.dom.Element