使用layui框架時(shí),在點(diǎn)擊表格中的按鈕時(shí),顯示當(dāng)前行的信息至layer彈出層.
在點(diǎn)擊查看或者編輯按鈕時(shí),會(huì)有一個(gè)彈出框
我這里用的是layui的外鏈頁(yè)面的形式引入的頁(yè)面
這種方式,引入頁(yè)面后,瀏覽器加載,直接將這個(gè)外鏈的彈窗解釋稱iframe了
現(xiàn)在我需要將點(diǎn)擊的那一行的每個(gè)信息展示在彈窗中,這就涉及到傳參
之前有看layui的文檔,layer.getChildFrame(selector, index) 這個(gè)方法有用過(guò),但是效果沒(méi)有出來(lái),也查了相關(guān)資料,發(fā)現(xiàn)寫(xiě)的都差不多,不知道哪兒出了問(wèn)題。望大神予以解答。
這是官方文檔的處理方式:
layer.open({
type: 2,
content: 'test/iframe.html',
success: function(layero, index){
var body = layer.getChildFrame('body', index);
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe頁(yè)的窗口對(duì)象,執(zhí)行iframe頁(yè)的方法:iframeWin.method();
console.log(body.html()) //得到iframe頁(yè)的body內(nèi)容
body.find('input').val('Hi,我是從父頁(yè)來(lái)的')
}
});
下面是我寫(xiě)的:
layui.use(['layer', 'form'], function(){ //獨(dú)立版的layer無(wú)需執(zhí)行這一句
var $ = layui.jquery, layer = layui.layer, form = layui.form; //獨(dú)立版的layer無(wú)需執(zhí)行這一句
layer.open({
type: 2
,title: ['查看信息'] //不顯示標(biāo)題欄
,closeBtn: 1
,area: ['400px', '500px']
,shade: 0.4
,id: 'LAY_layuipro7' //設(shè)定一個(gè)id,防止重復(fù)彈出
,btn: ['確定']
,btnAlign: 'c'
,moveType: 1 //拖拽模式,0或者1
,content:'../../../html/iframes/company/check-layer.html'
,success:function(layero, index){
var body = layer.getChildFrame('body', index);
var iframeWin = window[layero.find('iframe')[0]['name']];
body.find('.personId').val(data.id)
body.find('.personName').val(data.name)
body.find('.sex').val(data.sex)
body.find('.city').val(data.city)
body.find('.sign').val(data.sign)
body.find('.score').val(data.score)
}
})
})北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。