Как показать текст в ExtJs

Question

У меня есть окно extJS. Я хочу отобразить текст или сообщение, которое может быть ответом некоторых данных сервера. Может ли любой орган помочь мне отобразить ytext в окне внешнего JS. Что мне нужно изменить в моем коде ниже.

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

Спасибо за помощь.

Answer 1

Лично я предпочел ошибку сервера показать йота простого окна и HTML в нем, как и-у показывает, вы можете установить 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, чтобы показать вам.

Помните, что вы должны использовать одну и ту же функцию во время каждой ошибки, задавая размеры по вашим потребностям. Необходимо использовать модальное окно, чтобы оно было закрыто.

Answer 2

Вы можете просто использовать конфигурацию html, чтобы отобразить текст в формате обычного текста или html в Ext.window.Window и любые другие Ext.Component.
От 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 является рабочей скрипкой с указанным кодом.