layui弹出层，数据回显

分手后的思念是犯贱 2023-07-23 03:42 8阅读 0赞

# **1、效果图** #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE5OTQ1_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE5OTQ1_size_16_color_FFFFFF_t_70 1][]

# **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**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE5OTQ1_size_16_color_FFFFFF_t_70]: /images/20230528/9315d062146f4a16b9f59dc508767adf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODE5OTQ1_size_16_color_FFFFFF_t_70 1]: /images/20230528/dd2e1c849c9b4430aa8e774b67259ded.png

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui弹出层，数据回显

1、效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

分手后的思念是犯贱/ 2023年07月23日 03:42/ 0 赞/ 9 阅读

相关 layui的iframe弹出层的表单数据回显

一. 问题背景 > 父页面：list.jsp > 子页面：userEdit.jsp > 点击‘编辑’，将数据回显到表单，如下： ![在这里插入图片描述][wat

客官°小女子只卖身不卖艺/ 2023年07月12日 08:43/ 0 赞/ 31 阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 46 阅读

相关 layui弹出层

layer.open({ type: 1, title: "项目人员分配", area: ['50%',

雨点打透心脏的1/2处/ 2023年03月13日 13:18/ 0 赞/ 38 阅读

相关 LayUi 之弹出层

这个东西应该不是很难，用到的东西也不是很多，但是弹出层却是贤心的一大亮点，所以我们还是有必要重视一下，哈哈~ 弹出层所涉及到的东西还是很多的，就比如蒙层啊，双层弹出框，

客官°小女子只卖身不卖艺/ 2022年05月20日 04:27/ 0 赞/ 408 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 405 阅读

相关《layUI 弹出层 and 按钮》

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

亦凉/ 2022年04月17日 02:12/ 0 赞/ 493 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 864 阅读

相关 Layui 弹出层插件

Layui 弹出层插件开发工具与关键技术： Visual Studio 2015 – Layui 作者：廖亚星撰写时间：2019年 6 月4日这段时间在做项

蔚落/ 2022年01月22日 03:05/ 0 赞/ 539 阅读

相关使用layui实现弹出层

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

落日映苍穹つ/ 2021年09月28日 20:34/ 0 赞/ 685 阅读