zoukankan      html  css  js  c++  java
  • 跨frame 刷新table时表格被挤压

    跨frame 刷新table时表格被挤压

    项目中遇到的需求:

    ​ 项目有项目列表页面,有某项目的详情页面。项目有进度,在列表页面和详情页面都有 显示。

    ​ 在项目的详情页面对项目的操作,会动态修改项目进度,详情页的进度动态更改很简单,现在记录一下跨页面调用,以实现列表页面的进度更新。

    项目列表页面:

    项目详情页面:

    现在的结果:

    百度了一下,这是layui - table的bug, tab切换的时候常发生这种状况。

    解决方式:

    参考资料(感谢):https://qq52o.me/2769.html

    reload之后,调用一下resize方法。

    //刷新列表页面的列表:
    var pmFrameUrl = localStorage.getItem("pmFrameUrl");   //这是我在打开tab的时候缓存的项目列表frame的url
    if(pmFrameUrl){
        var pmFrame = $(window.parent.document).find('iframe[src="'+pmFrameUrl+'"]');
        var pmWindow = pmFrame[0].contentWindow;
        var docu = pmWindow.document;
        pmWindow.query();  //这个方法是列表页面筛选按钮调用的方法,我顺便调用了
        //重新设置宽度,不然会挤在一起
        pmWindow.resiztProjectTable();
    }
    
    //项目列表页面的两个方法:这里的projectList是table的id
    function query(a) {
        //组装查询的条件:例如:
        var jsondata = {
            ooo: ooo,
            xxx: xxx,
        };
        //带着筛选的条件,reload
        table.reload('projectList', {where: jsondata});
    }
    function resiztProjectTable(){
        table.resize('projectList');
    }
    
  • 相关阅读:
    xpath语法速查
    负载均衡设计
    Nginx负载均衡配置实例详解
    实现基于DNS的负载均衡
    建立双线服务器(双线游戏服务器)
    python学习
    python多线程概念
    python 多线程就这么简单(续)
    打包一沓开源的 C/C++ 包管理工具送给你!
    讲解开源项目:功能强大的 JS 文件上传库
  • 原文地址:https://www.cnblogs.com/know-more/p/14264212.html
Copyright © 2011-2022 走看看