extjs tabpanel 添加、刷新iframe

最新推荐文章于 2023-06-17 22:56:23 发布

wyljz

最新推荐文章于 2023-06-17 22:56:23 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs 文章标签： extjs tabpanel refresh

本文链接：https://blog.youkuaiyun.com/wyljz/article/details/79409610

extjs 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在ExtJS框架中实现iframe刷新的方法。通过重新设置iframe的src属性来达到刷新的效果，并提供了具体的实现代码。这种方法适用于需要在ExtJS应用中动态刷新iframe内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上查到iframe 的刷新用 location.reload()，不过在我的extjs环境中location未定义

添加tab方法：

var addtab = function (id, title, iconCls, url, closable) {
        if (!Ext.getCmp(id)) {
            var close = true;
            if (closable != null) {
                close = closable;
            }
            var content = '<iframe scrolling="auto" frameborder="0" id="iframe_' + id + '"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            var page = tabpage.add({
                id: id,
                title: title,
                iconCls: iconCls,
                closable: close,
                autoScroll: true,
                html: content,
                // loader: {
                //     url: url,
                //     loadMask: true,
                //     autoLoad: true,
                //     scripts: true,
                //     listeners: {
                //         exception: function (lo, response, options, e) {
                //             page.setHtml(response.responseText);
                //         }
                //     }
                // }
            });
        }
        tabpage.setActiveTab(id);
    }

刷新方法：

function refreshTab(tab) {
    var html = tab.config.html;
    var iframe = frames['iframe_' + tab.config.id];
    var src = iframe.src;
    iframe.src = '';
    iframe.src = src;
}

将src重置一下即可刷新，tab是tabpage.getActiveTab()得到的当前活动页面