在extjs textfield中，如何動態更改afterSubTpl？

Question

我在動態改變我在文本字段中使用的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內容。這個Ext.dom.Element可以根據Sencha Doc