layui弹出层，数据回显

分手后的思念是犯贱 2023-07-23 03:42 70阅读 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

发表评论取消回复

表情：

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

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

相关阅读

相关 layui弹出层，数据回显

1、效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

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

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

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

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

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

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

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

相关 layui弹出层

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

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

相关 LayUi 之弹出层

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

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

相关 layui——弹出层

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

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

相关《layUI 弹出层 and 按钮》

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

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

相关 Layui的弹出层

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

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

相关 Layui 弹出层插件

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

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

相关使用layui实现弹出层

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

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