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();    
    }

猜你喜欢

转载自www.cnblogs.com/hailexuexi/p/10226804.html
今日推荐