layui如何从父页面调用子页面的方法

最新推荐文章于 2024-05-04 15:15:11 发布
最新推荐文章于 2024-05-04 15:15:11 发布
阅读量2.4k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37491588/article/details/79568786
版权
   layer.open({         type: 2 //此处以iframe举例         ,title: '通用药物'         ,area: ['650px', '350px']         ,shade: 0         ,maxmin: true          ,offset: [ //为了演示，随机坐标           '100px' ...
摘要由CSDN通过智能技术生成
   layer.open({
        type: 2 //此处以iframe举例
        ,title: '通用药物'
        ,area: ['650px', '350px']
        ,shade: 0
        ,maxmin: true
         ,offset: [ //为了演示，随机坐标
          '100px'
          ,'200px'
        ]  
        ,content: 'allergeDgcInfo.html?dcfId='+data.id
        ,btn: ['确定', '关闭'] //只是为了演示
        ,yes: function(index){
最低0.47元/天 解锁文章
黯然天殇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layer中嵌套的页面如何操作父页面_在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法...
weixin_39876450的博客
12-20 554
最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值传给子页面，子页面拿到值后，进行业务处理，从而实现真正的父子页面交互。其实，官方文档都说的很清楚了。使用版本：2.3.0只是，需要我们耐心的读懂文档内容，然后根据自己的业务情况，实现自己想要的效果。一、...
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
10-16
另一方面，如果需要从子页面向父页面传递数据，可以通过`parent`关键字调用父页面的函数，将数据作为参数传递。在子页面中创建一个函数，然后在父页面中监听该函数的调用，从而实现数据的回传。例如： ```...
layui 父页面弹窗调用子页面的方法
m0_56463670的博客
05-10 2079
// tpl模板渲染完成后打开窗口 if(renderData.type == '数据下载'){ var setlayer = layer.open({ type: 2 //此处以iframe举例 , title: tabName , skin: 'layer-ext-blue' , area: ['1050px',heigh...
layui页面父级和子级通讯代码实例
最新发布
任聪聪的博客
05-04 148
本篇文章主要讲解，利用layui实现多个窗口控制主窗口内函数时的需求场景解决办法。日期：2024年5月4日作者：任聪聪。
00018-layui 父页面(iframe)调用子页面的方法
06-02 766
子页面的方法： var active = { getContent:function () { return layedit.getContent(contentIndex) } } window.parent._active = active; 父页面调用： var content = window._active.getContent(); field.content = content; ...
Layui父级页面调用子级页面方法
weixin_42259094的博客
05-15 1547
父级页面调用子级页面方法 百度了一堆，没几个有用的，为避免以后会用到，在这记下笔记 layer.open({ title : "xxxx", type : 2, content : GlobeCreateUrl, area: [ '600px', '800px'], fix: false,
layui 父页面调用子页面的方法
wyn1433954905的博客
04-29 3244
由于不知道如何在子页面获取到layer定义的确定按钮，于是就在子页面上定义了一个方法，然后在由父页面在点确定按钮时调用子页面所定义的这个方法，从而执行子页面方法里面的内容： 子页面代码： 1 2 3 4 5 6 7 8 9 function test() {             
layui弹窗父页面调用子页面的方法
qq_21810059的博客
03-04 1521
window.showEditVideoWindow=function(){ layer.open({ title:“视频剪辑”, type: 2, area: [‘900px’, ‘620px’], btn: [‘完成’, ‘取消’], content: ‘/resourceman/videoedit’, btn1: function(index, layero){ //保存 console.log(layero) var myIframe = window[layero.find(‘iframe’)[0
layui框架中layer父子页面交互的方法分析
11-27
子页面则通过`doSubmit`方法处理用户选择，并调用父页面的`addRecord`方法传递数据。 通过以上的分析，我们可以看出layui的layer组件在iframe层中的交互功能非常灵活，能够满足开发者在多种场景下的需求。掌握这些...
layui type2 通过url给iframe子页面传值的例子
10-16
在给定的代码中，`layui.use(["layer"], function () {...})`确保了layui的layer模块已经加载完毕，然后调用`layui.layer.open`方法打开一个新的弹窗： ```javascript layui.layer.open({ type: 2, title: "管理...
layui父页面执行子页面方法
weixin_30827565的博客
09-18 1044
parent.window[layero.find('iframe')[0]['name']].子页面方法(); layero.find('iframe')[0].contentWindow.子页面方法(); 转载于:https://www.cnblogs.com/xiaostudy/p/11539782.html...
layer弹出层父子页面事件相互调用方法
10-18
今天小编就为大家分享一篇layer弹出层父子页面事件相互调用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layer父页面调用子页面的方法
weixin_30840253的博客
03-17 170
由于不知道如何在子页面获取到layer定义的确定按钮，于是就在子页面上定义了一个方法，然后在由父页面在点确定按钮时调用子页面所定义的这个方法，从而执行子页面方法里面的内容： 子页面代码： function test() { var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 ...
Layui子窗口调用父窗口use中的函数
我有一个魔盒的博客
08-26 1776
弹出子窗口类型（type: 2,iframe层） 父页面 layui.use('layer', function () { // 函数 function test() { alert(1); } // 将函数放入窗口 window.test= function(){ test(); }; } 子页面调用 window.parent.test();
layui使用经验总结（一）——页面中加入子页面的两种方式
IManiy的博客
04-22 8166
一、通过iframe在页面中加入子页面 <iframe id="modularpage" name="modularpage" width="100%" height="90%" frameborder="0" scrolling="no" src="${base}/home/menu.html?nodeId=1"> </iframe> 点击菜单栏，改变或者再次请求路径...
记录一次layui父页面关闭时调用子页面方法的错误
Lee__________的博客
03-06 779
父页面的yes回调函数需要调用子页面的方法，获取子页面参数，一直按照网上方法就是获取不到。 $(function(){ $('.addSupplierBtn').click(function(){ var url = "/relation/getSupplierList?productId=" + $("#productId").val(); layer...
LayUI父级页面与子级页面的互相引用
qq_37708081的博客
12-09 631
父级页面获取子级页面元素 //父级页面获取子级页面元素 layero.find('iframe').contents().find("#misReport"); //使子级页面元素触发点击事件 layero.find('iframe').contents().find("#misReport").click(); //给子级页面元素赋值 layero.find('iframe').contents...
layui 父子页面以及弹出窗的交互
weixin_42440765的博客
09-27 644
一、弹出窗内容为另一个页面 var index = layer.open({ type: 2, area: ['800px', '500px'], content: 'addsel', btnAlign: 'c'} 其中addsel表示页面addsel.html 二、操作弹出窗中的页面 var index = layer.open({ type: 2, area: ['800px', '500px'], content: 'addsel',
layui父页面调用子页面的渲染_layer父页面调用子页面的方法
weixin_34771903的博客
12-23 534
由于不知道如何在子页面获取到layer定义的确定按钮，于是就在子页面上定义了一个方法，然后在由父页面在点确定按钮时调用子页面所定义的这个方法，从而执行子页面方法里面的内容：子页面代码：function test() {var index = parent.layer.getFrameIndex(window.name); //获取窗口索引var ids= new Array();var i=0;$...
layui父页面向子页面传值
11-23
3.如果需要在子页面中修改父页面的数据，可以使用parent关键字来调用父页面的方法。例如，将子页面中的一个名为result的变量的值传递给父页面： ```javascript var result = 'world'; parent.setData(result); ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值