Extjs 如何渲染隐藏窗口？

我有一个iframe（适合窗口）要在显示之前加载。 当我这样做时：

window.show();
window.hide();

窗户没有隐藏。“window.show（）”用于渲染iframe。 iframe的加载时间约为10秒。 如何在不显示窗口的情况下渲染iframe

我的窗口：

var win = Ext.create('Ext.window.Window', {
                height: '95%',
                width: '95%',
                modal: true,
                header: false,
                hideMode:'visibility',
                constrain: true,
                resizable:false,
                itemId:'winIframeItemId....',
                id:'winIframeId....',
                baseCls: 'x-window-....',
                layout: {
                    type: 'vbox',
                    align: 'stretch',
                    pack: 'start'
                },
                items: [{
                    xtype: 'container',
                    layout: {
                        type: 'hbox',
                        align: 'middle',
                        pack: 'end'
                    },
                    items: [{
                        xtype: 'button',
                        cls: 'x-button-close-window...',
                        height: 34,
                        width: 34
                        ...
                    }]
                }, {
                    xtype: 'container',
                    itemId:'conIframeWindow',
                    layout:"fit",
                    flex: 1,
                    items: [{
                        xtype: 'component',
                        autoScroll: true,
                        itemId:'IframeTest',
                        baseCls: 'x-component-w....',
                        autoEl: {
                            tag: "iframe",
                            domain: '....',
                            frameborder: 0,
                            src: url
                        }
                    }]

                }]
            });

---

窗口和菜单通常呈现到文档正文中。我可以使用Ext.Component.renderTo配置来渲染窗口和菜单，而不显示它们

---

你在使用任何xtype吗？嗨，aviram83，我粘贴了我的代码我的两分钱，为什么你不能在iframe加载时显示加载掩码，在iframe加载完成时隐藏掩码？当iframe加载完成时，您可以侦听iframe上的加载事件以得到通知。是否尝试属性？必须将应用程序预加载并隐藏到窗口中，因为当用户需要使用该窗口时，应用程序已加载。对于用户来说，它更平滑、更安静。如果我们想将隐藏组件呈现给其他组件而不是Ext.getBody（），该怎么办？@SujilMaharjan查看Ext.component.renderTo的文档。它支持渲染到任何HTMLElement。请确保考虑显示和位置规则将如何影响零部件的渲染位置。

// Render a hidden window.
var window = Ext.create('Ext.window.Window', {
    renderTo: Ext.getBody(),
    title: 'Window'
});
// Render a hidden menu.
var menu = Ext.create('Ext.button.Button', {
    menu: {
        items: [{
            text: 'Item'
        }],
        renderTo: Ext.getBody()
    },
    text: 'Button'
});