Layer父页面如何调用子页面的函数,及点X关闭时触发事件

父窗口调用子窗口的函数

子窗口的函数:

	function test(){
		layer.alert('测试调用子窗口函数',{icon:0,time:3000}, function(index){
			 layer.close(index);
		});
	}

父页面调用:

这里的cancel属性用于当你点击右上角的X关闭的时候触发的事件,return false 是为了防止窗口关闭

function clickOpen(){
	layer.open({
		type: 2,
		area:["1600px","600px"],
		title: "窗口调用函数测试 ",
		content: '/test',
		btn:['保存','获取函数测试','返回'],
		cancel:function(index, layero){
			layer.alert('确定要退出吗?',{icon:0,btn:['确定','取消']}, function(alertIndex){
				layer.close(alertIndex);
				layer.close(index);
			});   
			return false;
		},yes:function(index, layero){
			var body = layer.getChildFrame('body', index);//这里是获取打开的窗口元素
			body.find("#searchForm").submit();
			layer.close(index);
		},btn2:function(index, layero){
			//获取子窗口的函数
			var iframeWin = window[layero.find('iframe')[0]['name']];
        	iframeWin.test();
			return false;
		},btn3:function(index, layero){
			layer.alert('确定要退出吗?',{icon:0,btn:['确定','取消']}, function(alertIndex){
				layer.close(alertIndex);
				layer.close(index);
			});
			return false;
		}
	});
}

猜你喜欢

转载自blog.csdn.net/weixin_43992507/article/details/87930993