码迷,mamicode.com
首页 > 其他好文 > 详细

layui弹出框问题

时间:2020-01-09 13:22:50      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:nbsp   png   弹出框   问题   新建   inf   隐藏   技术   layui   

        最近在做一个项目,项目的大概模式列表,新建,编辑以及删除功能。其中新建编辑页面都是以弹框的形式展示,所以就选用了layUI的弹出层这个组件。因为新建编辑涉及的逻辑比较多,所以自然而然的选用了弹出层类型为iframe层(即type:2)的模式,因为在这种模式下相当于新建了一个iframe层,所以其他组件的重复使用不会有影响。而在新建页面中还有一些小列表,也需要以弹出层的形式进行添加的操作,感觉涉及的逻辑不太多(其实是感觉错了,在加上不想创建新的页面,所以就使用了type=1的页面层了。在小列表的弹出层中也有分页的功能,这就使得多个小列表的弹出层分页展示会受到影响。所以就想到使用iframe层来隔断这些影响。。。。。。。。。。。。。。。

   但是,,,,,,,,,这样的话就会存在父子之间传值的问题,,,,,,在搜索了一番文档之后,找到了一种解决办法:获取的子页面的内容,将需要的参数隐藏在子页面中,通过$(‘#‘)的方法获取,结果证明是对的。

    页面写法:

      技术图片

    父级js写法

      技术图片

layui弹出框问题

标签:nbsp   png   弹出框   问题   新建   inf   隐藏   技术   layui   

原文地址:https://www.cnblogs.com/web-cuicui/p/12170693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!