2016-06-09 5 views
0

텍스트 필드에 사용했던 afterSubTpl을 동적으로 변경하는 데 문제가 있습니다. 콤보 상자의extjs 텍스트 필드에서 afterSubTpl을 어떻게 동적으로 변경할 수 있습니까?

{ 
    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

+1

달성하고자하는 것에 대한 최소한의 설명과 예를 제공해주십시오. [참조] (http://stackoverflow.com/help/mcve) – oberbics

+0

나는 afterSubTpl을 적용한 텍스트 필드가 있습니다. 그리고 그것에서 나는 afterSubTpl에 텍스트를 표시합니다. 그것의 콤보가 있습니다. 지금 html in subTpl은 combo.But의 가치에 따라 동적으로 변경해야합니다. afterSubTpl.So의 HTML 콘텐츠를 변경할 수 없습니다. extjs에서 변경할 수있는 모든 메소드가 있습니다. –

답변

0

을 변경할 수있는 방법이 작성 fiddle

작업 요소가인가 afterSubTpl 구성을 기반으로 작성된 HTML DOM 요소를 참조하는 논리 콤보 상자의 '선택'수신기에서 childEls 내에 추가 된 요소는 HTML 콘텐츠를 업데이트하는 데 사용됩니다. 이 Ext.dom.Element는 다음과 같이 조작 될 수 있습니다 Sencha Doc

관련 문제