パネルに追加のテキストを追加します。

Question

私は1パネルの回答からテキストを読み込みます。適切な書式設定やテキストの追加に問題があります。

たとえば、この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、最終的な結果は

このような

"<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); 

それとも単に前に作成したラベルやコンポーネントを隠すパネルに追加することです。