淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問(wèn)題
更新時(shí)間：2016年11月10日 09:24:08 投稿：jingxian
下面小編就為大家?guī)?lái)一篇淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
說(shuō)到這一篇，真的是顛覆了我的思維。
官方文檔，沒(méi)有介紹這一部分的操作，大致上提了一下。
我的思路是把頁(yè)面的數(shù)據(jù)傳過(guò)去，在iframe彈窗的頁(yè)面拿到接收到的數(shù)據(jù)，然后賦值，但是這樣就會(huì)有個(gè)問(wèn)題，
怎么傳值呢？
想到了url傳參，但是我的數(shù)據(jù)太長(zhǎng)了，這樣不保險(xiǎn)。
第二種動(dòng)作方法去數(shù)據(jù)庫(kù)讀取，然后在傳遞，可是我實(shí)在是不想已經(jīng)有的數(shù)據(jù)還去一次數(shù)據(jù)庫(kù)，那不是浪費(fèi)性能么，
然后詢(xún)問(wèn)了無(wú)數(shù)群友，才有了這個(gè)方法
先上效果圖
然后上代碼
function editUser(i) { //編輯按鈕的方法
var rows = $("#userGrid").datagrid("getRows");
layer.open({
title: false,
type: 2,
closeBtn: false,
area: ['420px', '560px'],
skin: 'layui-layer-rim', //加上邊框
content: ['/Admin/ShowForm/EditUserInfo', 'no'],
success: function (layero, index) {
var body = layer.getChildFrame('body', index); //巧妙的地方在這里哦
body.contents().find("#userName").val(rows[i].UserName);
body.contents().find("#mail").val(rows[i].MailBox);
if (rows[i].Tel != "-") {
body.contents().find("#tel").val(rows[i].Tel);
}
if (rows[i].Mobile != "-") {
body.contents().find("#mobile").val(rows[i].Mobile);
}
body.contents().find("#addr").val(rows[i].Addr);
body.contents().find("#isstutas").val(rows[i].IsStatus);
}
});
}
先得到整個(gè)頁(yè)面，然后把id拿出來(lái)一個(gè)個(gè)賦值是不是很好呢！
以上就是小編為大家?guī)?lái)的淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問(wèn)題全部?jī)?nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義map方法,結(jié)合實(shí)例形式分析了javascript自定義map相關(guān)的json數(shù)組定義、遍歷、添加、刪除、讀取等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
一個(gè)非常全面的javascript URL解析函數(shù)和分段URL解析方法
本文詳細(xì)介紹了一個(gè)非常全面的javascript URL解析函數(shù)，可以解析一個(gè)URL中的協(xié)議、主機(jī)、查詢(xún)字符串甚至錨鏈接，非常實(shí)用，一并總結(jié)了js自帶的分段URL解析方法,需要的朋友可以參考下2014-04-04
JavaScript使用canvas實(shí)現(xiàn)錨點(diǎn)摳圖功能
在日常的圖片處理中,我們經(jīng)常會(huì)遇到需要摳圖的情況,無(wú)論是為了美化照片、制作海報(bào),還是進(jìn)行圖片合成,摳圖對(duì)于我們來(lái)說(shuō)也是一種很常用的功能了,今天就讓我們一起來(lái)看下怎么使用canvas來(lái)實(shí)現(xiàn)一個(gè)錨點(diǎn)摳圖功能2024-03-03
JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要給大家介紹了關(guān)于JavaScript中引用vs復(fù)制的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實(shí)踐之開(kāi)發(fā)環(huán)境搭建,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
原生JS實(shí)現(xiàn)列表內(nèi)容自動(dòng)向上滾動(dòng)效果
這篇文章主要介紹了原生JS實(shí)現(xiàn)列表內(nèi)容自動(dòng)向上滾動(dòng)效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS如何把字符串轉(zhuǎn)換成json,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
javascript, jquery的事件中都存在事件冒泡和事件捕獲的問(wèn)題，針對(duì)這兩個(gè)問(wèn)題，本文給出詳細(xì)的解決方法，需要的朋友不要錯(cuò)過(guò)2014-05-05
js奇偶數(shù)判斷的代碼...2007-05-05