layui 彈出層值回傳解決方式
更新時間：2019年11月14日 15:16:29 作者：zn65786412qq
今天小編就為大家分享一篇layui 彈出層值回傳解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
layer.open({
type: 2,
title: "設置圍欄",
shadeClose: true,
shade: 0.4,
area: ['90%', '90%'],
content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType,
btn: ['確定','關閉'],
yes: function(index){
//當點擊‘確定'按鈕的時候，獲取彈出層返回的值
var res = window["layui-layer-iframe" + index].callbackdata();
//打印返回的值，看是否有我們想返回的值。
console.log(res);
//最后關閉彈出層
layer.close(index);
},
cancel: function(){
//右上角關閉回調(diào)
}
});
注意：
var res = window["layui-layer-iframe" + index].callbackdata();
這行代碼中‘callbackdata'是彈出層里面定義的函數(shù)。也許我們知道了什么！這個函數(shù)的作用就是返回值。
彈出層添加這個:
<script>
var callbackdata = function () {
var data = {
username: 'zhangfj'
};
return data;
}
</script>
上面的代碼就是彈出層里面的JavaScript代碼，里面定義了函數(shù)'callbackdata' 用來返回值給調(diào)用彈出層的頁面。
這篇layui 彈出層值回傳解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
JavaScript onclick與addEventListener使用的區(qū)別介紹
addEventListener()方法用于向指定元素添加事件句柄，使用 removeEventListener()方法來移除，onclick和addEventListener事件區(qū)別是：onclick事件會被覆蓋，而addEventListener可以先后運行不會被覆蓋，addEventListener可以監(jiān)聽多個事件2022-09-09
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營中有許多不同。2010-02-02
本文主要講解了利用js制作xml在線編輯器的實例，文中講解實例的圖片和代碼非常詳細，感興趣的小伙伴現(xiàn)在一起來看一看吧2021-08-08
最近在使用Cookies加密保存數(shù)據(jù)的時候，接觸到crypto，使用還算簡單，在這里記錄一下2020-08-08
都知道百度建議是用ajax做的，想要做的快速穩(wěn)定，可復制可移植就不容易了,花時間研究還不如自己來寫。根據(jù)一個pdf文檔提供的資料，用了小半天時間，終于實現(xiàn)了。在此與大家分享2012-12-12
這篇文章主要為大家詳細介紹了移動端web滾動分頁的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了JavaScript函數(shù)，函數(shù)是由事件驅(qū)動的或者當它被調(diào)用時執(zhí)行的可重復使用的代碼塊，需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了小程序模實現(xiàn)糊搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法,較為詳細的分析了Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的原理與具體實現(xiàn)方法,非常具有實用價值,需要的朋友可以參考下2014-10-10
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03