淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問題
更新時間：2016年11月10日 09:24:08 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談layer的iframe彈窗給里面的標(biāo)簽賦值的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
說到這一篇，真的是顛覆了我的思維。
官方文檔，沒有介紹這一部分的操作，大致上提了一下。
我的思路是把頁面的數(shù)據(jù)傳過去，在iframe彈窗的頁面拿到接收到的數(shù)據(jù)，然后賦值，但是這樣就會有個問題，
怎么傳值呢？
想到了url傳參，但是我的數(shù)據(jù)太長了，這樣不保險。
第二種動作方法去數(shù)據(jù)庫讀取，然后在傳遞，可是我實在是不想已經(jīng)有的數(shù)據(jù)還去一次數(shù)據(jù)庫，那不是浪費性能么，
然后詢問了無數(shù)群友，才有了這個方法
先上效果圖
然后上代碼
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);
}
});
}
先得到整個頁面，然后把id拿出來一個個賦值是不是很好呢！
以上就是小編為大家?guī)淼臏\談layer的iframe彈窗給里面的標(biāo)簽賦值的問題全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于CORS跨域資源共享的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者使用CORS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之自定義toast的相關(guān)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了JsonServer安裝及啟動過程圖解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
本文重點給大家介紹IONIC自定義subheader的最佳解決方案，本文實例講解，介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-09-09
Util.js文件包含了一些工具函數(shù)，來幫助人們使用JavaScript數(shù)據(jù)（例如從服務(wù)器返回的數(shù)據(jù)）來更新Web頁面。有需要的小伙伴可以參考下2015-06-06
javascript實現(xiàn)導(dǎo)航欄分頁效果
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)導(dǎo)航欄分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了前端接口報錯302的問題,并提供了多種解決方法和代碼案例,幫助開發(fā)者更好地應(yīng)對這一常見問題,需要的朋友可以參考下2025-01-01
你應(yīng)該了解的JavaScript Array.map()五種用途小結(jié)
大家都知道m(xù)ap() 方法返回一個新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。下面這篇文章主要給大家介紹了關(guān)于JavaScript Array.map()的五種用途，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了JavaScript面向?qū)ο蠓謱铀季S，js本身不是面向?qū)ο笳Z言,在我們實際開發(fā)中其實很少用到面向?qū)ο笏枷?。下文關(guān)于js面向?qū)ο笾R給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-11-11
產(chǎn)制造追溯系統(tǒng)之通過微信小程序?qū)崿F(xiàn)移動端報表平臺
這篇文章主要介紹了產(chǎn)制造追溯系統(tǒng)-通過微信小程序?qū)崿F(xiàn)移動端報表平臺 ,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06