通常，彈出層關(guān)閉之前，需要將部分?jǐn)?shù)據(jù)傳入父頁(yè)面。這個(gè)時(shí)候怎么辦呢？

通過success獲取frame層的index。

然后通過cancel事件，獲取子頁(yè)面數(shù)據(jù)。

拿獲取高德地圖坐標(biāo)為例：

// 顯示地圖，設(shè)置坐標(biāo)

function showMap() {

var tmpIndex = '';

layer.open({

type: 2,

title: '獲取店鋪?zhàn)鴺?biāo)與地址',

shadeClose: true,

shade: 0.8,

area: ['990px', '680px'],

content: '{$Think.config.SHOP_ADMIN_URL}/benefitShop/setAddress',

success:function (layero,index) {

tmpIndex = index;

},

cancel: function () {

// 獲取子彈出層數(shù)據(jù)

var addressComponentDom =layer.getChildFrame('#addressComponent', tmpIndex);

if (addressComponentDom.val() != '') {

var addressComponentJson = JSON.parse(addressComponentDom.val());

var formattedAddress = addressComponentJson.province+addressComponentJson.city+addressComponentJson.district+addressComponentJson.township+addressComponentJson.poisName;

var lnglatDom= layer.getChildFrame('#lnglat', tmpIndex);

$("#coordinate").val(lnglatDom.val());

$("#formattedAddress").val(formattedAddress);

$("#province").val(addressComponentJson.province);

$("#city").val(addressComponentJson.city);

$("#district").val(addressComponentJson.district);

$("#address").val(addressComponentJson.township+addressComponentJson.poisName);

}

}

});

}

通過index，進(jìn)入frame層，獲取相關(guān)的數(shù)據(jù)，設(shè)置到主頁(yè)面，然后通過表單保存到數(shù)據(jù)庫(kù)。

獲取layer.open彈出層的返回值

正在開發(fā)的車聯(lián)網(wǎng)項(xiàng)目用到了layer API.當(dāng)我在開發(fā)“新建電子圍欄”的時(shí)候需要彈出地圖,用戶在地圖中畫一個(gè)區(qū)域,最后將這個(gè)彈出層的數(shù)據(jù)返回給原頁(yè)面.下面是我的實(shí)現(xiàn)過:程: 觸發(fā)彈出層的代碼: la ...

JS中通過LayUI的layer.prompt彈出文本輸入層，多個(gè)按鈕回調(diào)獲取輸入值

JS中通過LayUI彈出文本輸入層,多個(gè)按鈕回調(diào): 如圖所示,輸入文本后點(diǎn)擊通過/不通過按鈕回調(diào)獲取輸入文本值的實(shí)現(xiàn): 實(shí)現(xiàn)JS: layer.prompt({ formType: 2, // 彈出文 ...

jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能實(shí)例詳解

本文主要介紹了jQuery.layer實(shí)現(xiàn)彈出層的打開.關(guān)閉功能,需要的朋友可以參考下,希望能幫助到大家. 打開彈出層: 在list頁(yè)面帶入layer.js 在list頁(yè)面點(diǎn)擊時(shí),彈出form彈出層, ...

layer/layui彈出層插件bug

JS 點(diǎn)擊按鈕后彈出遮罩層，有關(guān)閉按鈕

隨機(jī)推薦

pycharm實(shí)用快捷鍵

提示?CTRL Q: 在參數(shù)列表位置,顯示可以輸入的所有參數(shù).?CTRL Q: 查看選中方法的文檔字符串 閱讀?CTRL -: 折疊當(dāng)前代碼?CTRL +: 展開當(dāng)前代碼?CTRL SHIFT -: ...

MATLAB實(shí)現(xiàn)矩陣分塊相乘

要實(shí)現(xiàn)一下功能,這里$\bf{x}_i$為行向量 $${\bf{A}} = \left[ \begin{array}{l}{{\bf{x}}_1}\\{{\bf{x}}_2}\end{array} \ ...

Git 操作常用命令

Git使用 1. git pull ? ?更新服務(wù)器代碼到本地a). git pull origin master是將origin這個(gè)版本庫(kù)的代碼更新到本地的master主分支 2. git push ...

二、Nginx變量

$arg_PARAMETER 功能:如果在請(qǐng)求中設(shè)置了查詢字符串,那么這個(gè)變量包含在查詢字符串是GET請(qǐng)求PARAMETER中的值. $args 功能:該變量的值是GET請(qǐng)求在請(qǐng)求行中的參數(shù). $bi ...

Java簡(jiǎn)單知識(shí)梳理

1. Java是單根繼承結(jié)構(gòu):每個(gè)類都繼承于Object類 ,這也就保證了每個(gè)對(duì)象都具備某些功能 2. Java類權(quán)限關(guān)鍵字: public -> protected -> default ...

ios開發(fā)-日期處理(類似朋友圈，微博等的發(fā)送時(shí)間)

ios開發(fā)中,我們經(jīng)常要處理從服務(wù)器獲取的時(shí)間.類似朋友圈,微博這些應(yīng)用.我們經(jīng)常可以看到“剛剛”,“31分鐘前發(fā)表”,“昨天5點(diǎn)”,之類的字樣. 當(dāng)時(shí)我們從服務(wù)器端獲取的都是那條朋友圈信息,或者微博 ...

分頁(yè) 工具類 前后臺(tái)代碼 Java JavaScript (ajax) 實(shí)現(xiàn) 講解

[博客園cnblogs筆者m-yb原創(chuàng), 轉(zhuǎn)載請(qǐng)加本文博客鏈接,筆者github: https://github.com/mayangbo666,公眾號(hào)aandb7,QQ群927113708]http ...

(9)EvenOddJump

一.問題描述 一只青蛙從數(shù)組(A)的每一個(gè)元素向數(shù)組尾部跳動(dòng).跳動(dòng)規(guī)則如下: 當(dāng)奇數(shù)跳的時(shí)候,就是第1.3.5.7....次進(jìn)行移動(dòng)時(shí)候,移動(dòng)規(guī)則A[i] <= A[j],? 并且A[j] = ...

使用Hexo&plus;Github搭建屬于自己的博客(進(jìn)階)

主題的配置:這里以NexT主題作為題材 1.安裝NexT,在其文件夾中鼠標(biāo)右鍵,點(diǎn)擊Git Base Here.輸入命令:git clone https://github.com/iissnan/he ...

python3筆記(三)if&period;&period;&period;else、if&period;&period;&period;elif&period;&period;&period;else

if語(yǔ)句 if 語(yǔ)句的基本用法如下: if 表達(dá)式: 語(yǔ)句塊 其中,表達(dá)式可以是一個(gè)單純的布爾值或變量,也可以是比較表達(dá)式或邏輯表達(dá)式(例 如:a > band a != c),如果表達(dá)式為真, ...

總結(jié)

以上是生活随笔為你收集整理的怎么获取layer中的表单值_layer获取弹出frame层数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。