zoukankan      html  css  js  c++  java
  • 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();    
        }
  • 相关阅读:
    Zend Studio下调试PHP的一点注意事项
    使用FTP出现中文乱码解决方案
    C++数据类型与C#对应表
    FineUI 开发B/S系统
    c#调用带输出参数的存储过程
    经典FormsAuthenticationTicket 分析
    C# Oracle数据库操作类实例详解
    如何使用C#的Hashtable[哈希表]
    对三层架构的理解
    C# 最简单的三层架构实例 ——转载自网易博客
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/10226804.html
Copyright © 2011-2022 走看看