layui弹出层,数据回显

时间:2024-03-12 22:09:59

1、效果图

layui弹出层,数据回显

layui弹出层,数据回显

2、具体操作

function openUpdateEquipmentAccident(data) {//data为当前行数据,即点击修改的那一行
    layer.open({
        type: 1,
        title: '修改人身事故信息',
        content: $("#updateDiv"),
        area: ['800px', '400px'],
        success: function (layero, index) {//弹出层打开后的回调函数,数据回显
            //updateNumber为弹出层id,eaccidentNumber为数据表格的field属性
            $('#updateNumber').val(data.eaccidentNumber);
            $('#updateName').val(data.eaccidentName);
            $('#updateCompany').val(data.eaccidentCompany);
            $('#updateLevel').val(data.eaccidentLevel);
            $('#updateTime').val(data.eaccidentTime);
            $('#updateNote').val(data.eaccidentNote);
        },
    });
   
}

3、整体思路

找到弹出层需要回显的id,再将数据表格的参数传进来,将值赋给对应的id