layui 弹出层回调获取弹出层数据的例子
时间:2021-12-16 09:50:45|栏目:JavaScript代码|点击: 次
如下所示:
// 弹出楼栋负责人信息页面
layer.open({
type: 2,
title:'请选择楼栋负责人',
maxmin: false,
area: ['60%', '80%'],
offset: '0px',
content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
btn: ['确定','关闭'],
yes: function(index){
//当点击‘确定'按钮的时候,获取弹出层返回的值
var res = window["layui-layer-iframe" + index].callbackdata();
//打印返回的值,看是否有我们想返回的值。
console.log(res);
for (var i = 0; i < res.length; i++) {
var html = "<div class='text' value='' style='visibility: visible;'>" +
"<p>" + "<span class='responsibleName' value=" + res[i].value + ">" + res[i].title + "</span>" +
"<a class='close_btn' οnclick='remove(this)'>" + 'X' + "</a>" + "</p>"
"</div>"
$("#responsibleName_id").append(html);
}
//最后关闭弹出层
layer.close(index);
}
});
// 关键代码var res = window["layui-layer-iframe" + index].callbackdata();
这行代码中‘callbackdata'是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。
弹出层定义callbackdata函数
var callbackdata = function () {
var data = {
username: 'zhangfj',
age:12,
address:'广州'
};
return data;
}
注意:下图是弹出层回调数据

上一篇:JS 中document.write()的用法和清空的原因浅析
栏 目:JavaScript代码
本文地址:http://www.codeinn.net/misctech/187119.html






