javascript - 如何访问 iFrame 的 main

Question

我创建了一个 iFrame 窗口，其中有一个单独的 ext 应用程序。

Win = new Ext.IframeWindow({
                        id: 'MyWinID',
                        modal: true,
                        resizable: true,
                        title: 'H1',
                        closable: true,
                        constrain : true,
                    });
    Win.width = (winWidth / 100) * 90,
    Win.height = (winHeight / 100) * 90,
    Win.show().center();

在调整大小时，我想访问放置在 iFrame 中的应用程序。

listeners :{
            resize : function(a,b,c){
                // How to access element of main at this point. I am trying this
                var WinFrame =  window.frames['MyWinID']
                }
            }

我的 iFrame 应用程序主要是

Ext.define('My.view.main.Main', {
    extend: 'Ext.panel.Panel',
    xtype: 'app-main',

    requires: [
        'Ext.plugin.Viewport',
        'Ext.tab.Panel',
    ],

    controller: 'main',
    viewModel: 'main',
    layout: 'border',

    items: [{
        xtype: 'toolbar',
        frame: true,
        region: 'south',
        items: [ some item]
    },
    {
        title: 'App',
        itemId: 'selectionPanel',
        region: 'west',
        xtype: 'panel',
        scroll: 'y',
        frame: true,
         items: []
    },
    {
        xtype: 'panel',    
        region: 'center',
        frame: true,
        scrollable: true,
        scroll: 'y',    
        itemId: 'abc',
        reference: 'abc',
        layout: {
            //type: 'anchor',
            type: 'vbox',
            align: 'stretch'
        },
        items: []
    }]
});

您能否建议如何实现这一目标。

Answer 1

Javascript基本规则:

"global" variables (e.g. Ext) are available in the tree under window and vice versa, so window.Ext.getCmp("MyWinID") and Ext.getCmp("MyWinID") are the same.

框架的 JavaScript 规则:

window.frames[id] contains the selected frame's window element.

两者一起得出您的问题的答案，可以在这个简单的示例中进行总结:

window.frames['MyAppFrame'].Ext.getCmp("MyTestContainer").add({
    xtype:'button',
    handler:function(btn) {
        btn.up('form').submit();
    }
});