EXTJS отображают представление во внешнем окне.Окно

#javascript #extjs #model-view-controller #extjs4.2

#javascript #extjs #модель-представление-контроллер #extjs4.2

Вопрос:

Я использую версию 4.2.

В настоящее время у меня есть представление, которое расширяет панель. На этой панели есть кнопка, которая отображает модальное окно. Код контроллера при нажатии кнопки приведен ниже (который я извлек из документации extjs).:

 displaySearch : function(btn) {
    var panel = Ext.create('Ext.window.Window', {
                    title: 'Hello',
                    height: 200,
                    width: 400,
                    layout: 'fit',
                    modal : true,
                    items: {  
                       ...
                    }
                }).show();
}
 

Я хочу, чтобы представление, которое я уже создал, отображалось ВНУТРИ модального окна, которое я только что определил.

Как мне это сделать?

Ответ №1:

Если вы определили псевдоним (xtype) для этого представления, допустим, это «myview», затем вы просто добавляете его к элементам, подобным этому:

 var panel = Ext.create('Ext.window.Window', {
    title: 'Hello',
    height: 200,
    width: 400,
    autoShow:true,
    layout: 'fit',
    modal : true,
    items: [{
        xtype:'myview'
    }]
});
 

Кроме того, вам не нужно вызывать show() созданное окно, достаточно, если вы настроите autoShow:true его.