如何在ExtJs中顯示純文本

我有一個extJS窗口。我想顯示一些可能是某些服務器數據響應的文本或消息。任何機構可以幫助我如何在ext JS窗口上顯示ytext。我需要在下面的代碼中進行編輯。如何在ExtJs中顯示純文本

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

感謝您的幫助。

來源

2016-11-25 David

[this]（http://stackoverflow.com/questions/5578246/what-is-the-best-way-to-display-text-just-after-a-textfield）可能有助於 –

html文本或簡單文本？ –

如果你可以同時顯示 – David

個人而言，我喜歡的節目，服務器錯誤白衣中有一個簡單的窗口和HTML，喜歡和-Y顯示您可以設置窗口的HTML，你可以簡單地認爲使用函數everywere這樣的：

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向你展示。

請記住，您應該在每個錯誤期間使用相同的功能，根據需要設置尺寸。應該使用模態窗口，以確保它將被關閉。

來源

2016-11-25 09:41:07

非常感謝。也可以做包裝什麼的 – David

你可以在裏面做所有你想要的東西，只需添加html和css，你就可以做到這一點 –

雅，我明白了。 thanls – David

您可以使用html配置在Ext.window.Window和任何其他Ext.Component中顯示純文本或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是工作撥弄着上面的代碼。

來源

2016-11-25 09:38:53

如何在ExtJs中顯示純文本

回答

相關問題