• js动态绑定数据的闭包问题


    以文件上传举例,循环绑定数据时只显示第一个固定数据

    解决方案:

    后台循环得到siteId和examinationRoomId数值,按钮采用拼接方法显示在页面上

    e.setUploadCheckinRecord("<input type='file' id='btn_file' style='display:none' onchange = 'ExaminationRecords.aa()'>"+
    "<button class='btn btn-primary' onclick=ExaminationRecords.uploadCheckinRecord(" +siteId+ ","+examinationRoomId+")>上传考场照片</button>");

    js函数

    使用button的点击事件接收数据并定义为全局变量,input框使用onchange事件触发函数

    ExaminationRecords.aa=function(){
        var obj =document.getElementById("btn_file");
        var len = obj.files.length;
        var fileName;
        for (var i = 0; i < len; i++) {
            fileName = obj.files[i].name;
        }
        var con=confirm("确定上传"+fileName+"吗?");
        if(con==true){
             var formData = new FormData();
            formData.append('file',$('#btn_file')[0].files[0]);
            formData.append('siteId',sId);
            formData.append('examinationRoomId',eId);
            console.log(eId);
            $.ajax({
                url:'/examinationRecords/uploadCheckinRecord',
                type:'post',
                processData:false,
                contentType:false,
                data:formData,
                success:function (data) {
                    Feng.success("上传成功!");
                    ExaminationRecords.table.refresh();
                },
                error:function(data){
                    Feng.error("上传失败!" + data.responseJSON.message + "!");
                }
            })
        }
    };
    
    ExaminationRecords.uploadCheckinRecord=function(siteId,examinationRoomId){
        document.getElementById("btn_file").click();
        sId = siteId;
        eId = examinationRoomId;
    };

    完美解决,请自动忽略那该死的aa函数名,哈哈

    解决思路:定义全局变量进行抛出

  • 相关阅读:
    Java实现第八届蓝桥杯字母组串
    Java实现第八届蓝桥杯正则问题
    Java实现第八届蓝桥杯方格分割
    Java实现第八届蓝桥杯方格分割
    经典SQL语句大全(绝对的经典)
    SQL脚本
    非常有用的sql脚本
    代码生成器实现的Entity,Dao,Service,Controller,JSP神器(含代码附件)
    搭建MySQL高可用负载均衡集群
    MySQL——修改root密码的4种方法(以windows为例)
  • 原文地址:https://www.cnblogs.com/xiaowangxiao/p/11550283.html
Copyright © 2020-2023  润新知