easyUi里tab存在则更新iframe写法问题

最新推荐文章于 2023-04-24 09:02:13 发布

原创最新推荐文章于 2023-04-24 09:02:13 发布 · 2.6k 阅读

3 ·

CC 4.0 BY-SA版权

easyUi 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个在使用EasyUI框架时遇到的问题：当从datagrid双击创建子页面标签并尝试更新iframe时出现错误。通过调整代码逻辑，解决了Cannot read property 'nodeType' of undefined的错误。

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

easyUi里tab存在则更新iframe时，如果是从easyUi里的datagrid双击创建一个子页面标签，会出现提示Uncaught TypeError: Cannot read property 'nodeType' of undefined

 function addTab(title, url) {
        if ($('#content').tabs('exists', title)) {
            $('#content').tabs('select', title);
            var selTab = $('#content').tabs('getSelected');
            var url = $(selTab.panel('options').content).attr('src');
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            $('#content').tabs('update', {//如果标签存在，就刷新页面
                tab: selTab,
                options: {
                    content: content
                }
            })
        } else {
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            $('#content').tabs('add', {
                title: title,
                content: content,
                closable: true
            });
        }

    }

后来改成下面这种写法后，就可以了，但还是不明白为啥，不知道有谁可以给我解答一下下~

 function addTab(title, url) {
        var jq = top.jQuery;

        if (jq("#content").tabs('exists', title)) {
            jq("#content").tabs('select', title);
            var selTab = $('#content').tabs('getSelected');
            var url = $(selTab.panel('options').content).attr('src');
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            $('#content').tabs('update', {//如果标签存在，就刷新页面
                tab: selTab,
                options: {
                    content: content
                }
            })
        } else {
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            jq("#content").tabs('add', {
                title: title,
                content: content,
                closable: true
            });
        }

    }