Как отобразить представление в ExtJS с помощью консоли браузера

Question

Есть ли способ отобразить наш вид без создания каких-либо событий нажатия кнопки в контроллере

Answer 1

Вы также можете использовать свойство renderTo, если вы укажете renderTo: Ext.getBody (), оно будет отображать содержимое или заменит Ext.getBody () элементом html.

Но в реальных приложениях вам понадобитсяviewport это лучше, чем renderTo

Пример кода Fiddle

Ext.create('Ext.panel.Panel',{
title:'Test Panel',
width:400,
height:500,
renderTo:Ext.getBody()
});

Answer 2

Представление консоли

присвойте вашему виду xtype и id вида элементы Viewport, а затем вставьте код в консоль

Ext.Viewport.add({
        xtype : 'panel',
        itemId : 'testingOverlay', 
        showAnimation : {
            type : 'popIn',
            duration : 250,
            easing : 'ease-out'
        },
        hideAnimation : {
            type : 'popOut',
            duration : 250,
            easing : 'ease-out'
        },

        height : '630px',
        width : '335px',
        left : '210px',
        top : '205px', 
        items :  [{
            xtype : 'viewXtype',
            id : 'viewId'
        }],


        });