• jui dwz jajax 重复刷新问题


    使用 dialog 选卡页事, 三选卡标签切换时需要 重新加载更新 刷新。

    老版本 dwz 切换标签时,会自动刷新。

    新版本不会自动刷新。

    无奈,所需功能 为切换时重新加载刷新。


    功能控制文件位置

    Public\dwz\js\dwz.min.js

    新版本不刷新源码为

        var jGroup = jGroups.eq(iTabIndex);  
                 if (this.href && !jGroup.attr("loaded")) jGroup.loadUrl(this.href,{},function(){  
             jGroup.find("[layoutH]").layoutH();  
             jGroup.attr("loaded",true);  
        });  



    老版本每次都重新加载刷新

        var jGroup = jGroups.eq(iTabIndex);  
            if (this.href) jGroup.loadUrl(this.href,{},function(){  
            jGroup.find("[layoutH]").layoutH();  
        });  


    将新版本源码 此处源码整体替换

    即还原回老版切换重新加载功能

    还原为原始功能后,每次都会刷新又有些浪费资源,增加操作量

    可在两段代码中增加变量参数控制 是否刷新。

    我没用这种方法,我的方法是,当切换时,识别末尾参数是否变化,如果变化就刷新。


        var jGroup=jGroups.eq(iTabIndex);
        if(this.href!=jGroup.attr("bhref"))jGroup.loadUrl(this.href,{},function(){                                          
        jGroup.find("[layoutH]").layoutH();
        });
        jGroup.attr("bhref",this.href);//当前路径

    原理:

    第一次进入时,必然刷新,刷新后记录当前路径

    jGroup.attr("bhref",this.href);//当前路径

    第二次进入时,判断来源路径与原始路径是否相同,不同则刷新。

    this.href!=jGroup.attr("bhref")

    ================================================

    修改时查找相关资料如下


    对 dwz.tab.js 的改进

    原来的 class="j-ajax" 每次点击tab都刷新
    <!--ajax载入,每次点击都刷新-->
    <li><a href="tab2.html" class="j-ajax"><span>从表2</span></a></li>

    1. 加了 ajax-once 可以只载入一次,就像navTab的行为,改进在 dwz.tab.js
    <!--ajax载入,只载入一次-->
    <li><a href="tab1.html" class="j-ajax ajax-once"><span>从表1</span></a></li>

    2. 从navTab复制过来的关闭外观,改进在 core.css 和 style.css 里
    <!--关闭按钮-->
    <li><a href="tab3.html" class="j-ajax"><span>从表3</span></a><a href="#" class="close">close</a></li>


  • 相关阅读:
    乔布斯《遗失的访谈》全文:尘封16年的预见
    Java开发超级工具集
    android root权限破解分析
    android linux 命令
    Dom加载让图片加载完再执行
    关于chrome dev tools一些技巧
    1 MySQL基础知识笔记
    教我SQL的老师
    SQL limit和offset的使用
    一次批量复制多个不同结果到剪贴板不用在粘贴文本与被粘贴文本之间反复横跳啦,
  • 原文地址:https://www.cnblogs.com/interdrp/p/15914470.html
Copyright © 2020-2023  润新知