layer父页面调用子页面的方法
2017-03-17 10:11
225 查看
由于不知道如何在子页面获取到layer定义的确定按钮,于是就在子页面上定义了一个方法,然后在由父页面在点确定按钮时调用子页面所定义的这个方法,从而执行子页面方法里面的内容:
子页面代码:
父页面通过调用这个test获取到这个方法中返回的ids
父页面代码:
子页面代码:
function test() { var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 var ids= new Array(); var i=0; $("input:checkbox[name='subBox']:checked").each(function() { // 遍历name=test的多选框 ids[i++]=$(this).val(); // 每一个被选中项的值 }); return ids; }
父页面通过调用这个test获取到这个方法中返回的ids
父页面代码:
layer.open({ type: 2, title: '选择视频', area: ['800px' , '520px'], // fixed: false, //不固定 // maxmin: true, skin: 'layui-layer-rim', //加上边框 // shadeClose: true, content:'test.do', btn: ['确定', '取消'], yes: function(index, layero){ var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法: var ids = iframeWin.test();//调用子页面的方法,得到子页面返回的ids $("#mediaPath").val(ids); layer.close(index);//需要手动关闭窗口 } });
相关文章推荐
- layer父页面调用子页面方法
- layer弹出层父子页面事件相互调用方法
- layer父页面调用子页面方法
- JavaScript layer父页面调用子页面方法(layer)
- layer通过父页面调用子页面的方法及属性
- layer通过父页面调用子页面的方法及属性
- layer.open关闭父窗口 以及调用父页面的方法
- layer.open关闭父窗口 以及调用父页面方法
- layer.open打开iframe页面的调用父页面方法及关闭
- zTree插件和layer弹出层结合进行添加,删除,修改操作时,针对出现调用父父页面方法出现问题,解决方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(8):服务器端和客户端数据类型的自动转换:数组类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(5):服务器端和客户端数据类型的自动转换:基本类型和枚举类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(10):服务器端和客户端数据类型的自动转换:以XML方式序列化数据、小结
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(9):服务器端和客户端数据类型的自动转换:DataTable和DataSet
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(0):目录
- 使用 Script 方法在一个页面中调用另一个页的方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(3):保持用户上下文
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(2):处理异步调用中的异常
- AJAX下客户端调用服务端页面方法
- JSP页面的验证码生成及调用方法