layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数

大家好，又见面了，我是你们的朋友全栈君。

1、项目中用到layer 弹出层，定义一个公用的窗口，问题来了窗口弹出来了，如何保存页面上的数据呢？疯狂百度之后，有了结果，赶紧记下。

2、自己定义的公共页面方法：

layuiWindow: function (options) {

var defaults = {

title: ‘添加菜单’,

width: ‘100px’,

height: ‘100px’,

url: ”,

shade: 0.3,

btn: [‘确认’, ‘关闭’],

btnclass: [‘btn btn-primary’, ‘btn btn-danger’],

callBack:null

};

var options = $.extend(defaults,options);

alert(options.width+”=+=”+ options.height);

//页面层

layer.open({

type: 2,

title: options.title,

//skin: ‘layui-layer-rim’, //加上边框

area: [options.width, options.height], //宽高

content: options.url,

btn: options.btn, //只是为了演示

yes: function(){

options.callBack();

},

btn2: function(){

layer.close();

}

});

}

3、父页面：

$.layuiWindow({

title: “菜单新增”,

url: “/SysMenu/Form?Id=” + id + “&Name=” + name,

width: ‘400px’,

height: ‘300px’,

callBack: function () {

//top.frames[“Form”].submitForm();

//$(la).find(“iframe”)[0].contentWindow.submitForm();

window[“layui-layer-iframe1”].submitForm(); //这里是重点，赶紧圈起来这里一定会用到。

}

});

4、子页面方法：

//保存数据

function submitForm() {

var parentId = $(“#parentId”).val();

var childrenNode = $(“#txtChildren”).val();

var path = $(“#txtPath”).val();

$.ajax({

url: “/SysMenu/Insert”,

data: { parentId: parentId, name: childrenNode, menuPath: path },

dataType: “json”,

type: “post”,

success: function (req) {

alert(“req” + req);

}, error: function (err) {

alert(“err”+err);

}

});

}

layui弹出层回调的使用

在子页面使用layer弹出层时只显示遮罩层,不显示弹出框问题

最近子页面使用layer弹出层时只显示遮罩层,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出框时,如果只使用layer.alert()或者layer.open()时,会默认在当前页面弹 …

OA项目之弹出层中再弹出层

弹出层中再弹出一层如图:

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159849.html原文链接：https://javaforall.cn