事件检查iframe的内容是否完全加载到Ext JS中

vsnjm48y 于 2022-09-26 发布在其他

关注(0)|答案(1)|浏览(148)

我想在iframe加载完成后执行一些操作。
我已经尝试添加afterrender事件侦听器，但在呈现事件后，当窗口打开时触发，而不是当内容完全加载时触发。

new window.Ext.create('Ext.window.Window', {
            title: 'Popup',
            height: 630,
            width: 1050,
            modal: true,
            layout: 'fit',
            closeAction: 'close',
            items: [
                {
                    xtype: "component",
                    autoEl: {
                        tag: "iframe",
                        frameborder: 0,
                        src: "http://www.yahoo.com"

                    },
                    id: "frametoShow"
                }
            ]
        });

当框架内容完全加载时，是否有任何事件触发？
我也会选择jQuery解决方案。
任何帮助都将不胜感激。

extjs

来源：https://stackoverflow.com/questions/29144829/event-to-check-if-the-contents-of-iframe-are-completely-loaded-in-ext-js

1条答案

按热度按时间

qcbq4gxm1#

是的，您需要添加afterrender侦听器，但也需要像这样加载元素：

items: [
    {
        xtype: "component",
        autoEl: {
            tag: "iframe",
            frameborder: 0,
            src: "http://www.yahoo.com"

        },
        listeners: {
            afterrender: function () {
                console.log('rendered');

                this.getEl().on('load', function () {
                    console.log('loaded');
                });
            }
        },
        id: "frametoShow"
    }
]

赞(0）回复(0）举报 2022-09-26

我来回答

事件检查iframe的内容是否完全加载到Ext JS中

1条答案

相关问题

热门标签

最新问答