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)


相关推荐

  • 什么是波特率,波特率怎么计算[通俗易懂]

    什么是波特率,波特率怎么计算[通俗易懂]✍什么是波特率,波特率怎么计算➹概述:  ☆简而言之,串口传输的波特率即为每秒钟传输二进制的位数。  ☆脱离枯燥乏味的文字描述,我们用波形和数字来看看波特率是什么吧☟。  ☆说明:系统时钟50M,波特率115200。  基础知识:因果系统时钟-50M时钟周期150∗106{{\rm{1}}\over{{\rm{50*1}}{{\rm{0}}^{\rm{6}}}}}50∗1061​假设1个时钟周期可以计数1次(其实FPGA就是这样)50M时钟1s计数5000

  • 连接查询和子查询哪个效率高

    连接查询和子查询哪个效率高需要进行多表查询的情况下,用连接查询和子查询哪个效率高?1、什么是子查询?举个简单的例子,那么子查询有什么优劣呢?子查询(内查询)在主查询之前一次执行完成。子查询的结果被主查询(外查询)使用。可以用一个子查询替代上边的的表名。子查询,将查询操作嵌套在另一个查询操作中。先执行子查询,再执行外查询注:在查询时基于未知的值时,应使用子查询子查询可以返回多个结果/单个结果,结果个数不同应该使用不同的操作符通过子查询不难看出,可以根据employee_id查到department_

  • fiddler4手机抓包教程(安卓抓包教程)

    fiddler手机抓包原理及详细的相关配置

  • socket编程详解_socket实现原理

    socket编程详解_socket实现原理rintf(“return code: %d/n”, retcode); } else if (!strncmp(cmd_buf, “quit”, 4))  exit(0); else pu

  • Windows 10 安装程序_ubuntu20.04安装cuda

    Windows 10 安装程序_ubuntu20.04安装cudaWindows10安装CUDAToolkit10.10.NVCUDA.DLL-NVIDIACUDA10.1.135driver-NVIDIA驱动程序版本NVIDIA控制面板->帮助->系统信息->组件1.CUDAToolkitCUDAToolkithttps://developer.nvidia.com/cuda-toolkitCUDAToolkitDownloadhttps://developer.nvidia.com/

发表回复

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

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