追加額外的文字到面板

Question

我從一個面板上的反應文字加載文本，我有正確的格式或附加文本的問題。

例如，這this.messagePanel.body.dom.innerHTML回報：

"<div id="panel-1428-outerCt" data-ref="outerCt" class="x-autocontainer-outerCt" role="presentation" style="width: 100%; table-layout: fixed; height: 100%;"> 
    <div id="panel-1428-innerCt" data-ref="innerCt" style="padding:5px 5px 5px 5px" class="x-autocontainer-innerCt"> 
     My Text... 
    </div> 
</div>" 

現在我wan't追加例如TEST附加文本，所以最終的結果應該是這樣的

"<div id="panel-1428-outerCt" data-ref="outerCt" class="x-autocontainer-outerCt" role="presentation" style="width: 100%; table-layout: fixed; height: 100%;"> 
     <div id="panel-1428-innerCt" data-ref="innerCt" style="padding:5px 5px 5px 5px" class="x-autocontainer-innerCt"> 
      My Text... 
      <br> 
      TEST 
     </div> 
    </div>" 

到目前爲止，我在做什麼這與此代碼，這是完全錯誤的，現在我試圖找到一個適當的解決方案

var oldMessage = this.messagePanel.body.dom.innerText; 
var newMessage = oldMessage + "<br><br>" + message + "<br><br>"; 
var html = 
    "<div id='panel-1459-outerCt' data-ref='outerCt' class='x-autocontainer-outerCt' role='presentation'" + 
    " style='width:100%; table-layout:fixed; height:100%;'>" + 
    "<div id='panel-1459-innerCt' data-ref='innerCt' style='padding:5px 5px 5px 5px' class='x-autocontainer-innerCt'>" + 
    newMessage + 
    "</div></div>"; 
this.messagePanel.body.update(html); 

你能幫我找到一種方法來添加文本在面板上的新行，這已經持有一些文本。我正在使用EXTJS 6.如果您需要任何其他信息，請讓我知道，我會提供。預先感謝您

Answer 1

這可以做到這一點！

這裏是工作提琴：https://fiddle.sencha.com/#view/editor&fiddle/1kvu

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     var win=Ext.create({ 
      xtype:'window', 
      width:200, 
      height:300, 
      html:'text...' 
     }); 
     win.html+='<br>TEST</br>'; 
     win.show(); 
    } 
}); 

另一種方法是使用一個簡單的標籤，並把它添加到面板

var label=Ext.create({ 
xtype:'label', 
html:'<br>TEST</br>' 
}); 
panel.add(label); 

或者乾脆躲在之前創建的標籤或組件。