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就被重置了,导致取不到数据。

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • mysql怎么解决1045错误_Navicat for MySQL 1045错误如何解决[通俗易懂]

    mysql怎么解决1045错误_Navicat for MySQL 1045错误如何解决[通俗易懂]在使用Navicat连接MySQL数据库时很多人都会遇到1045错误,主要原因是,你输入的用户名或密码错误被拒绝访问了,如果你不想重装,那么就需要找回密码或者重置密码。NavicatforMySQL1045错误问题描述:1045-Accessdeniedforuser’root’@’localhost'(usingpassword:YES)原因分析:当登录MySQL数据库…

  • 30 个重要数据结构和算法完整介绍建议保存

    30 个重要数据结构和算法完整介绍建议保存数据结构和算法(DSA)通常被认为是一个令人生畏的话题——一种常见的误解。它们是技术领域最具创新性概念的基础,对于工作/实习申请者和有经验的程序员的职业发展都至关重要。话虽如此,我决定在CSDN新星计划挑战期间将我所了解的数据结构和算法集中起来。本文旨在使DSA看起来不像人们认为的那样令人生畏。它包括15个最有用的数据结构和15个最重要的算法,可以帮助您在学习中和面试中取得好成绩并提高您的编程竞争力。后面等我还会继续对这些数据结构和算法进行进一步详细地研究讲解。

  • android 游戏引擎_最简单的游戏引擎

    android 游戏引擎_最简单的游戏引擎随着Android系统的使用越来越广泛,了解一下Android平台下的游戏引擎就非常有必要。而同时因为基于Intelx86的移动设备越来越多,我也非常关注支持x86的移动游戏引擎。然而就目前为止游戏引擎的数量已经非常之多,每个引擎都有不同的特征、价格、成熟度等。通过一些调研之后,我发现有非常多的游戏引擎可用于开发运行在android移动设备端的游戏,其中有些还支持x86系统,另外还有些通过简单的修

  • 2060s

    2060s2060s老版本三星核心:175显存:2030功耗:125算力:43+镁光核心:-400显存:1050功耗:125算力:37+升级系统后三星核心:1035显存:2030镁光核心:1035显存:1050

  • jar包如何防止反编译_jar包可以反编译成源码吗

    jar包如何防止反编译_jar包可以反编译成源码吗方法就是,向Jar注入无效代码(不合法的,或者根本不是代码的字符串)。那么无效的代码又怎么能正确运行呢?答案就是,你要保证你的代码永远不会执行到那一步。我作一个简单的例子说明:我们建立一个项目:packagecom.TestJar;publicclassMain{ publicstaticvoidmain(String[]args){ System.out.println(Info.g…

    2022年10月31日
  • 扩容数据盘_Linux[通俗易懂]

    扩容数据盘_Linux[通俗易懂]扩容数据盘_Linux

发表回复

您的电子邮箱地址不会被公开。

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