layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子
如下所示:
// 彈出樓棟負(fù)責(zé)人信息頁面
layer.open({
type: 2,
title:'請選擇樓棟負(fù)責(zé)人',
maxmin: false,
area: ['60%', '80%'],
offset: '0px',
content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
btn: ['確定','關(guān)閉'],
yes: function(index){
//當(dāng)點(diǎn)擊‘確定'按鈕的時(shí)候,獲取彈出層返回的值
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);
}
//最后關(guān)閉彈出層
layer.close(index);
}
});
// 關(guān)鍵代碼var res = window["layui-layer-iframe" + index].callbackdata();
這行代碼中‘callbackdata'是彈出層里面定義的函數(shù)。也許我們知道了什么!這個(gè)函數(shù)的作用就是返回值。
彈出層定義callbackdata函數(shù)
var callbackdata = function () {
var data = {
username: 'zhangfj',
age:12,
address:'廣州'
};
return data;
}
注意:下圖是彈出層回調(diào)數(shù)據(jù)

以上這篇layui 彈出層回調(diào)獲取彈出層數(shù)據(jù)的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
livereload工具實(shí)現(xiàn)前端可視化開發(fā)【推薦】
本文將介紹一個(gè)工具--livereload。這是一款能根據(jù)你本地文件(html、css、js)的變化,自動(dòng)跟蹤刷新瀏覽器的實(shí)時(shí)刷新工具,有了這個(gè)工具,會(huì)大大減輕你刷新頁面的工作量。下面跟著小編一起來看下吧2016-12-12
微信小程序中使用 async/await的方法實(shí)例分析
這篇文章主要介紹了微信小程序中使用 async/await的方法,結(jié)合實(shí)例形式分析了微信小程序中async/await的功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
js 動(dòng)態(tài)給元素添加、移除事件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 動(dòng)態(tài)給元素添加、移除事件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
JavaScript實(shí)現(xiàn)封裝一個(gè)快速生成目錄樹的全局腳本
目錄樹可以很好的介紹項(xiàng)目中各文件目錄的用途,幫助讀者了解整個(gè)項(xiàng)目結(jié)構(gòu)。本文就來用JavaScript封裝一個(gè)快速生成目錄樹的全局腳本,希望對大家有所幫助2023-03-03
利用IntersectionObserver實(shí)現(xiàn)動(dòng)態(tài)渲染的示例詳解
IntersectionObserver誕生已經(jīng)有幾年了,所以它的兼容性目前已經(jīng)達(dá)到可以使用的程度了。本文主要介紹了如何利用IntersectionObserver實(shí)現(xiàn)動(dòng)態(tài)渲染,感興趣的可以了解一下2022-12-12
JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)代碼
本文通過實(shí)例代碼給大家分享JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)方法,需要的朋友參考下吧2017-09-09

