layui向子页面iframe传递数据

最新推荐文章于 2024-01-11 21:00:17 发布

心潮的滴滴

最新推荐文章于 2024-01-11 21:00:17 发布

阅读量996

点赞数 1

分类专栏： layUI 文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/qq_42582773/article/details/121752653

版权

layUI 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

本文介绍如何在前端表格操作中，通过layer组件的success回调传递数据，以实现修改密码功能。重点在于展示如何设置type为1或2时，如何将表格中的svnUser和password字段值传递到弹出的修改密码页面中。

摘要由CSDN通过智能技术生成

通过弹出层里面的success属性传递数据（注意：只有type=1 或者2的时候才可以使用）

table.on("tool(users)", function (obj) {
   let curData = obj.data;
   if (obj.event === "edit") {
       layer.open({
           type: 2,
           title: "修改密码",
           content: ctx + "usersedit",
           area: ["500px", "235px"],
           shade: [0.03, "#000"],
           maxmin: true,
           /**
            * 向子页面传递参数
            * @param layero    当前层DOM对象
            * @param index     当前层的索引
            */
           success: function (layero, index) {
               // 获取iframe页的DOM元素
               let body = layer.getChildFrame("body", index);
               // #svnUser 为iframe页面的id选择器
               body.find("#svnUser").val(curData.svnUser);
               // 与上一条一样
               body.find("#password").val(curData.password);
           }
       })
   }
})