Layui弹出层取值

Layui弹出层取值Layui弹出层取值1.首先在父页面定义要传过去的值table.on(‘tool(demo)’,function(obj){//obj为当前行对象vardata=obj.data;json=JSON.stringify(data);title=obj.event;//如果监听到父页面点击的是修改按钮if(obj.event===’edit’){

大家好,又见面了,我是你们的朋友全栈君。

Layui弹出层取值

1.首先在父页面定义要传过去的值


table.on('tool(demo)', function (obj) { 
   
//obj为当前行对象
            var data = obj.data;
            json = JSON.stringify(data);
            title = obj.event;
            //如果监听到父页面点击的是修改按钮
            if (obj.event === 'edit') { 
   
                layer.open({ 
   
                    type: 2,//子弹窗类型,建议去官网看一下,忘了
                    title: '编辑素材',
                    shadeClose: true,
                    shade: false,
                    maxmin: true, //开启最大化最小化按钮
                    area: ['893px', '600px'],//给一个初始大小
                    content: '/html/add-random.html'//你的子页面路径
                    , success: function () { 
   //成功之后触发事件
                        json = { 
   };
                        title = "";
                    }
                })

            }

2.子页面

//可以放在layui.use里面
//从父层获取值,json是父层的全局js变量。eval是将该string类型的json串变为标准的json串
            if (title1 == "edit") { 
   
                var parent_json = eval('(' + parent.json + ')');//这样的json格式更规范,
                //看其他博客说的
                console.log(parent_json);
                form.val('example', { 
   
                    "id": parent_json.id
                    , "randomName": parent_json.randomName// "name": "value"
                    , "capital": parent_json.capital
                    , "lower": parent_json.lower
                    , "number": parent_json.number
                    , "zh": parent_json.zh
                    , "zh_symbol": parent_json.zh_symbol
                    , "en_symbol": parent_json.en_symbol
                });
            }
       

3.可能会出现的错误
子弹窗获取不到父页面的json
我在父页面的成功事件里重置了json,之前用着没事,但是我把子弹窗页面放在了static文件夹,父页面放在了template文件夹里,这时候子弹窗还没渲染json就被重置了,导致取不到数据。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/136524.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月3日 下午1:16
下一篇 2022年6月3日 下午1:16


相关推荐

  • TDD-LTE与FDD-LTE区别之频段分配[通俗易懂]

    TDD-LTE与FDD-LTE区别之频段分配[通俗易懂]之前转载了一个惯有TDD与FDD异同点比较的博客,看了之后觉得还是根据异同点进行分类整理一下,这样应该能够更好的有利于大家的记忆与理解。所以这一节我们就先来整理一下这两者的频段与双工方式的区别。TDD与FDD分别是时分双工和频分双工的英文简写;FDD系统在发送和接收数据上使用不同的频率,在上行和下行频率之间有双工间隔,现在常见的2G,3G制式的网络中,GSM,CDMA,WCDM

    2022年6月3日
    45
  • DDoS-分布式拒绝服务攻击

    DDoS-分布式拒绝服务攻击DoS 与 DDoS 简介 DoS DenialofServ 拒绝服务攻击 是一种历史悠久的网络攻击手法 短时间内对目标服务器产生大量请求 使服务器链路拥塞或忙于处理攻击请求 导致服务暂时中断或停止 导致其正常用户无法访问 DDoS DistributedD 分布式拒绝服务攻击 将多台计算机 僵尸网络 联合起来作为攻击平台 通过远程连接对一个或多个目标发动 DoS 攻击 目的消耗目标服务器性能或网络带宽 从而造成服务器无法为用户正常地提供服务 网络通信原

    2026年3月19日
    2
  • CreateCompatibleDC 解释

    CreateCompatibleDC 解释函数功能 该函数创建一个与指定设备兼容的内存设备上下文环境 DC 函数原型 HDCCreateCom HDChdc 参数 hdc 现有设备上下文环境的句柄 如果该句柄为 NULL 该函数创建一个与应用程序的当前显示器兼容的内存设备上下文环境 返回值 如果成功 则返回内存设备上下文环境的句柄 如果失败 则返回值为 NULL nbsp CreateCompat

    2026年3月16日
    2
  • Linux中MongoDB创建数据库

    Linux中MongoDB创建数据库1 登录到 mongodb 服务中 可使用下述命令查看所有的数据库 showdbs2 使用命令 usechartfun 命令创建一个名为 chartfun 的数据库 如果数据库不存在 则创建数据库 否则切换到指定数据库

    2026年3月18日
    2
  • 学python可以从事什么工作_python到底能用来做啥[通俗易懂]

    学python可以从事什么工作_python到底能用来做啥[通俗易懂]被称为“胶水语言”,能够运用到各种领域,吸引了很多人前来学习。Python如此火爆,学完后除了可以从事人工智能相关工作外还可以干什么呢?下面千锋就为大家月薪在10000~30000元之间已经占到了70

    2022年7月3日
    32
  • webpack es6转es5原理_webpack和vue cli区别

    webpack es6转es5原理_webpack和vue cli区别首先下载babel-loadernpminstall–save-devbabel-loader@7babel-corebabel-preset-es2015要在最外部输入指令不然会报错然后在webpack.config.js中写相关代码{test:/\.js$/,exclude:/(node_modules|bower_components)/,use:{

    2026年3月9日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号