1、layui iframe弹窗调用父级页面layui.ues
中的方法名:
具体例子(成功)
先定义要调用方法名称:
homeworklist
和parent.tools.homeworklist()
父页面方法名:
子页面调用
2、不在layui.use中,调用方法名
父页面的方法名:
function func1(){
alert('不在layui.use中的调用方法');
}
子页面调用:
parent.func1();
参考知识点(关于layui iframe弹窗的调用)
1、 iframe如何调用父页面layui.use中的方法
layui.use(... function(){
var _tools = {
func1: function(){
console.log('func1');
}
}
window.tools = _tools;
})
// 外部调用,如子页面
parent.tools.func1();
2、不在layui.use中
layer iframe 之间传值和关闭iframe弹窗
1、访问父页面元素值
var parentId=parent.$("#id").val();//访问父页面元素值
2、访问父页面方法
var parentMethodValue=parent.getMethodValue();//访问父页面方法
3、如何关闭弹出的子页面窗口
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹出的子页面窗口
4、如何从子页面执行刷新父页面操作
parent.location.reload(); // 父页面刷新
3、layui 父页面传递数据给iframe子页面(没有试过)
table.on("tool(demoTable)",function (obj) {
var data = obj.data;
if (obj.event=="edit"){
layer.open({
type: 2,
area: ['380px', '400px'],
fix: false, //不固定
maxmin: true,
shadeClose: true,
shade:0.4,
title: '编辑',
content: './byjhEdit.html?id='+data.id,
success:function (layero,index) {
//获取当前打开的子页面id
var frameId = $(layero).find('iframe').attr("id");
//找到子页面的document对象
var document = window.frames[frameId].document;
//根据id找到子页面中相应的元素并赋值
$(document).find("#name").val(data.name);
$(document).find("#id").val(data.sid);
}
});
}
});