ExtJsにプレーンテキストを表示するには

Question

私はextJSウィンドウを持っています。私はいくつかのサーバーデータの応答かもしれない何らかのテキストまたはメッセージを表示したい。任意のボディがext JSウィンドウにytextを表示する方法を教えてくれますか？私は以下の私のコードで編集する必要があります。

var MyWin = Ext.create('Ext.window.Window', { 
      title: "My Window", 
      height: 200, 
      width: 400, 
      layout: 'fit', 
     }); 
     MyWin.show(); 

ありがとうございました。

Answer 1

は個人的に私はショーサーバエラーがAND-yは、ウィンドウのHTMLを設定することができます示しのように、あなたはeverywereこのような関数を使用していることを簡単に行うことができ、それに簡単なウィンドウとHTMLを聖霊降臨祭の好適：

var errorShow = function (text) { 
     Ext.create({ 
      xtype: 'window', 
      title: 'Response error', 
      modal:true, 
      width: 200, 
      height: 200, 
      html:text, 
      scrollable: 'y' 
     }).show(); 
    }; 
    errorShow('<div style="text-align:center;"><h1>Server error</h1>'+ 
    '<text style="color:red; font-size:1.4em;">404 not found</text><br/>'+ 
    '<text style="color:blue;">www.error.com/img.jpg</text><br/>'+ 
    '<text style="color:blue;">Error requiring image</text></div>'); 

ここにはfiddleが表示されます。

エラーごとに同じ機能を使用して、必要に応じて機能を設定する必要があります。 モーダルウィンドウが閉じられるように、モーダルウィンドウを使用する必要があります。

Answer 2

html設定を使用して、Ext.window.Windowと他のにプレーンテキストまたはHTML形式のテキストを表示できます。 ExtJs 5.1.3 documentation html configから
：

アンHTMLフラグメント、または レイアウト要素のコンテンツとして使用するExt.dom.Helper仕様。 HTMLコンテンツは、コンポーネント がレンダリングされた後に追加されるため、レンダリングイベントが発生した時刻に の時刻にドキュメントにこのHTMLが含まれません。このコンテンツは、コンフィグレーションされたcontentElが追加される前に本文 に挿入されます。デフォルトは： ''

は、作業コードは次のようになります。

var MyWin = Ext.create('Ext.window.Window', { 
    title: "My Window", 
    height: 200, 
    width: 400, 
    layout: 'fit', 
    html: "with some plain text or <p> some html</p>" 
}); 
MyWin.show(); 

Hereは、上記のコードでの作業フィドルです。