zoukankan      html  css  js  c++  java
  • 如何判断一个弹框是打开还是关闭状态?

    1.给弹框设置标记物。

    <input type="hidden" id="allcomplaintlist_status" value="0">

    将value设置为0;

    2:当弹框打开时,将value设置为1;

    $("#allcomplaintlist_status").val('1');

    3.当弹框关闭时,将value设置为0;

    $("#allcomplaintlist_status").val('0');

    场景应用,当弹框显示的时候,实时请求刷新页面数据;关闭时候则不请求数据

    //打开弹框,状态设置为1
    function allcomplaintlist() {
    $("#allcomplaintlist_status").val('1');
    $(".asideRt2").show();
    }
    //请求数据
    function allcomplaintlistStatus() {
    var allcomplaintlist_status=$("#allcomplaintlist_status").val();
    if(parseInt(allcomplaintlist_status)!=1){//如果状态不为1,则不请求,当状态为1时候程序往下走,请求数据
    return;
    }
    var device_data = {
    curPage : thisPage,
    pageSize:5,
    /* monoid : localStorage.getItem("monoid"),
    searchBarPermissions : localStorage.getItem("searchBarPermissions"),
    channelType:localStorage.getItem("channelType") */
    monoid : 2000118,
    searchBarPermissions : 2,
    channelType:19
    };
    var results = Common.prototype.callPost("/complaint/allcomplaintlist", device_data);

    if (results.code == 8000) {
    console.log("我在请求");
    var datas = results.body;
    if(datas.datas.length==0){
    $(".thisNo").show();
    }else{
    $(".thisNo").hide();
    }
    $(".totallAll").text(datas.totalCount);
    $("#device_body tbody").html("");
    $.each(datas.datas, function(key, val) {
    var tb_show = '<tr align="center"><td>' + (key+1) + '</td><td>' + val.serialNumber + '</td><td>' + val.channelName1 + '</td><td>' + val.channelName2 + '</td>><td>' + val.channelName3 + '</td><td>' + val.typename + '</td><td>' + val.send_time + '</td><td>' + "使用人" + '</td><td>' + 110 + '</td><td>' + val.content + '</td></tr>';
    $("#device_body tbody").append(tb_show);
    });
    } else {
    alert("获取失败");
    }
    }
    window.setInterval("allcomplaintlistStatus()",5000); //定时刷新,目的为了实时获取value的状态值,来判断是否实时请求、

  • 相关阅读:
    JS实现继承,封装一个extends方法
    JS实现new关键字的功能
    前端常见原生方法的实现(bind,promise,new,extends,深拷贝,函数防抖,函数节流)
    Nodejs ORM框架Sequelize快速入门
    Nodejs ORM框架Sequelize(模型,关联表,事务,循环,及常见问题)
    NodeJs mysql 开启事务
    web开发的跨域问题详解
    docker网络
    docker容器的学习
    路飞学城的部署
  • 原文地址:https://www.cnblogs.com/Fancy1486450630/p/10551065.html
Copyright © 2011-2022 走看看