淺談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)性能么，
然后詢問(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)文章
這篇文章主要給大家介紹了關(guān)于CORS跨域資源共享的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用CORS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之自定義toast的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
JsonServer安裝及啟動(dòng)過(guò)程圖解
這篇文章主要介紹了JsonServer安裝及啟動(dòng)過(guò)程圖解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
本文重點(diǎn)給大家介紹IONIC自定義subheader的最佳解決方案，本文實(shí)例講解，介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-09-09
Util.js文件包含了一些工具函數(shù)，來(lái)幫助人們使用JavaScript數(shù)據(jù)（例如從服務(wù)器返回的數(shù)據(jù)）來(lái)更新Web頁(yè)面。有需要的小伙伴可以參考下2015-06-06
javascript實(shí)現(xiàn)導(dǎo)航欄分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)導(dǎo)航欄分頁(yè)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
前端接口報(bào)錯(cuò)302問(wèn)題解決辦法
這篇文章主要介紹了前端接口報(bào)錯(cuò)302的問(wèn)題,并提供了多種解決方法和代碼案例,幫助開(kāi)發(fā)者更好地應(yīng)對(duì)這一常見(jiàn)問(wèn)題,需要的朋友可以參考下2025-01-01
你應(yīng)該了解的JavaScript Array.map()五種用途小結(jié)
大家都知道m(xù)ap() 方法返回一個(gè)新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。下面這篇文章主要給大家介紹了關(guān)于JavaScript Array.map()的五種用途，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了JavaScript面向?qū)ο蠓謱铀季S，js本身不是面向?qū)ο笳Z(yǔ)言,在我們實(shí)際開(kāi)發(fā)中其實(shí)很少用到面向?qū)ο笏枷?。下文關(guān)于js面向?qū)ο笾R(shí)給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-11-11
產(chǎn)制造追溯系統(tǒng)之通過(guò)微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái)
這篇文章主要介紹了產(chǎn)制造追溯系統(tǒng)-通過(guò)微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái) ,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06