easyui tab页面关闭根据回调函数刷新父tab页

最新推荐文章于 2022-09-28 15:26:18 发布

weixin_33920401

最新推荐文章于 2022-09-28 15:26:18 发布

阅读量564

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lbja2/p/9679126.html

版权

本文介绍了一种在EasyUI框架中实现Tab页刷新的方法。通过定义CloseRefreshExcuteTab函数，能够关闭并重新加载指定的Tab页面，同时调用父页面的回调函数进行数据更新。该方法适用于需要频繁刷新Tab内容的场景。

摘要由CSDN通过智能技术生成

//这个方法写在框架顶层

CloseRefreshExcuteTab = function (callback) {

//关闭当前tab页
closeTab();

           //获取当前tab页id
            var currTab = $('#tabs').tabs('getSelected');
            var id = currTab.panel('options').id;
            var tabs = $('#tabs').tabs('tabs');
            var isExists = false;
            var title2 = '';
            for (var i = 0; i < tabs.length; i++) {
                if (tabs[i].panel('options').id == id) {
                    isExists = true;
                    title2 = tabs[i].panel('options').title;
                    break;
                }
            }
            if (isExists) {
                $('#tabs').tabs("select", title2);
            }
            else {
                $('#tabs').tabs("select", '欢迎使用');
            }
            var currTab2 = $('#tabs').tabs('getSelected');
            var ssrc = $(currTab2.panel('options').content)[0].src;
            for (i = 0; i < window.frames.length; i++) {
                var aa = window.frames[i].location.href;
                if (ssrc == aa || (ssrc + '#') == (aa)) {
                    var f = 'frames[i].frameElement.contentWindow.' + callback+'()';
                    eval(f);
                }
            }

        }

        closeTab = function () {
            var index = $('#tabs').tabs('getTabIndex', $('#tabs').tabs('getSelected'));
            if (index != 0) {
                $('#tabs').tabs('close', index);
            }

        }

子页面调用

window.top.CloseRefreshExcuteTab('refreshTab');

父页面方法

function refreshTab() {
$("#maingrid").datagrid("reload");
$("#maingrid_ed").datagrid("reload");
}

转载于:https://www.cnblogs.com/lbja2/p/9679126.html