H+ 编辑tab页 保存后 刷新列表tab页 并关闭自已。tabA页调用tabB页的方法

复制代码
 
//注:在contabs.js文件中 $(function () {  }); 方法外 加入
//注: data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
//var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '"  data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';
//var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>';
//data-name 在这两句中要加入

实现目的:测试页2(编辑页) 调用 测试页1(列表页) 中的方法
测试页2(编辑页)加入 
<a href="#" onclick="window.parent.refreshTabData('测试页1',window.top.reload_taskTab); parent.closeTab_tabName('测试页2'); "> 刷新 测试页1</a>  
测试页1(列表页)  加入
//GridView 中的被调用的方法    在GridView.tpl中写   EditView 保存 后 调用 刷新
        //供其它tab调用的方法 用于ajax刷新
        window.top["reload_taskTab"]=function(){
            //alert("");
            alert('测试页2 reload_taskTab');
        };


        //下面代码 在contabs.js文件中 $(function () {  }); 方法外 加入
       //显示并激活Tab 根据tabName
    function showTab_tabName(tabName){
        $('.J_menuTab').each(function () {
            if ($(this).data('name') == tabName) {  //alert($(this).data('name') ); 
                if (!$(this).hasClass('active')) {
                    $(this).addClass('active').siblings('.J_menuTab').removeClass('active');
                    //scrollToTab(this);
                    // 显示tab对应的内容区
                    $('.J_mainContent .J_iframe').each(function () {   //alert($(this).data('name') ); 
                        if ($(this).data('name') == tabName) {
                            $(this).show().siblings('.J_iframe').hide(); 
                            return false;
                        }
                    });
                }
                flag = false;
                return false;
            }
        });
    }

    ///供其它tab调用的方法 用于ajax刷新 指定tab页里面的数据------------------------------------------------------
    function refreshTabData(tabName,refreshGridFunc){ //alert(tabName);
        showTab_tabName(tabName);
        typeof refreshGridFunc==='function' && refreshGridFunc.call();    
    }
复制代码
复制代码
 
//注:在contabs.js文件中 $(function () {  }); 方法外 加入
//注: data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
//var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '"  data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';
//var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>';
//data-name 在这两句中要加入

实现目的:测试页2(编辑页) 调用 测试页1(列表页) 中的方法
测试页2(编辑页)加入 
<a href="#" onclick="window.parent.refreshTabData('测试页1',window.top.reload_taskTab); parent.closeTab_tabName('测试页2'); "> 刷新 测试页1</a>  
测试页1(列表页)  加入
//GridView 中的被调用的方法    在GridView.tpl中写   EditView 保存 后 调用 刷新
        //供其它tab调用的方法 用于ajax刷新
        window.top["reload_taskTab"]=function(){
            //alert("");
            alert('测试页2 reload_taskTab');
        };


        //下面代码 在contabs.js文件中 $(function () {  }); 方法外 加入
       //显示并激活Tab 根据tabName
    function showTab_tabName(tabName){
        $('.J_menuTab').each(function () {
            if ($(this).data('name') == tabName) {  //alert($(this).data('name') ); 
                if (!$(this).hasClass('active')) {
                    $(this).addClass('active').siblings('.J_menuTab').removeClass('active');
                    //scrollToTab(this);
                    // 显示tab对应的内容区
                    $('.J_mainContent .J_iframe').each(function () {   //alert($(this).data('name') ); 
                        if ($(this).data('name') == tabName) {
                            $(this).show().siblings('.J_iframe').hide(); 
                            return false;
                        }
                    });
                }
                flag = false;
                return false;
            }
        });
    }

    ///供其它tab调用的方法 用于ajax刷新 指定tab页里面的数据------------------------------------------------------
    function refreshTabData(tabName,refreshGridFunc){ //alert(tabName);
        showTab_tabName(tabName);
        typeof refreshGridFunc==='function' && refreshGridFunc.call();    
    }
复制代码
复制代码
 
//注:在contabs.js文件中 $(function () {  }); 方法外 加入
//注: data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
//var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '"  data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';
//var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>';
//data-name 在这两句中要加入

实现目的:测试页2(编辑页) 调用 测试页1(列表页) 中的方法
测试页2(编辑页)加入 
<a href="#" onclick="window.parent.refreshTabData('测试页1',window.top.reload_taskTab); parent.closeTab_tabName('测试页2'); "> 刷新 测试页1</a>  
测试页1(列表页)  加入
        //GridView 中的被调用的方法    在GridView.tpl中写   EditView 保存 后 调用 刷新
        //供其它tab调用的方法 用于ajax刷新
        window.top["reload_taskTab"]=function(){
            //alert("");
            alert('测试页2 reload_taskTab');
        };


   //下面代码 在contabs.js文件中 $(function () {  }); 方法外 加入
   //显示并激活Tab 根据tabName
    function showTab_tabName(tabName){
        $('.J_menuTab').each(function () {
            if ($(this).data('name') == tabName) {  //alert($(this).data('name') ); 
                if (!$(this).hasClass('active')) {
                    $(this).addClass('active').siblings('.J_menuTab').removeClass('active');
                    //scrollToTab(this);
                    // 显示tab对应的内容区
                    $('.J_mainContent .J_iframe').each(function () {   //alert($(this).data('name') ); 
                        if ($(this).data('name') == tabName) {
                            $(this).show().siblings('.J_iframe').hide(); 
                            return false;
                        }
                    });
                }
                flag = false;
                return false;
            }
        });
    }

    ///供其它tab调用的方法 用于ajax刷新 指定tab页里面的数据------------------------------------------------------
    function refreshTabData(tabName,refreshGridFunc){ //alert(tabName);
        showTab_tabName(tabName);
        typeof refreshGridFunc==='function' && refreshGridFunc.call();    
    }
复制代码

 

posted @   海乐学习  阅读(1112)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示