• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

    layui框架中l(wèi)ayer父子頁面交互的方法分析

    來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:25:35
    文檔

    layui框架中l(wèi)ayer父子頁面交互的方法分析

    layui框架中l(wèi)ayer父子頁面交互的方法分析:本文實(shí)例講述了layui框架中l(wèi)ayer父子頁面交互的方法。分享給大家供大家參考,具體如下: layer是一款近年來備受青睞的web彈層組件,官網(wǎng)地址是:http://layer.layui.com/ 可以從官網(wǎng)上下載最新版本。 還可點(diǎn)擊此處本站下載。 當(dāng)layer以iframe層的
    推薦度:
    導(dǎo)讀layui框架中l(wèi)ayer父子頁面交互的方法分析:本文實(shí)例講述了layui框架中l(wèi)ayer父子頁面交互的方法。分享給大家供大家參考,具體如下: layer是一款近年來備受青睞的web彈層組件,官網(wǎng)地址是:http://layer.layui.com/ 可以從官網(wǎng)上下載最新版本。 還可點(diǎn)擊此處本站下載。 當(dāng)layer以iframe層的

    本文實(shí)例講述了layui框架中l(wèi)ayer父子頁面交互的方法。分享給大家供大家參考,具體如下:

    layer是一款近年來備受青睞的web彈層組件,官網(wǎng)地址是:http://layer.layui.com/

    可以從官網(wǎng)上下載最新版本。

    還可點(diǎn)擊此處本站下載。

    當(dāng)layer以iframe層的方式彈出新的窗口(子頁面),如何在子頁面中訪問父頁面的元素和函數(shù)。

    1、訪問父頁面元素值

    var parentId=parent.$("#id").val();//訪問父頁面元素值
    
    

    2、訪問父頁面方法

    var parentMethodValue=parent.getMethodValue();//訪問父頁面方法
    
    

    3、如何關(guān)閉彈出的子頁面窗口

    var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引
    parent.layer.close(index);//關(guān)閉彈出的子頁面窗口
    
    

    4、如何從子頁面執(zhí)行刷新父頁面操作

    parent.location.reload(); // 父頁面刷新
    
    

    附:layer彈出多個(gè)iframe找到父頁面的方法

    父頁面:

    function aa(){
     var index = parent.layer.getFrameIndex(window.name);
     var iframeName = 'layui-layer-iframe'+index;
     openDialog1('選擇XXX', '${ctx}/*****,'800px', '500px',iframeName);
    }
    function openDialog1(title,url,width,height,target){
     top.layer.open({
     type: 2,
     area: [width, height],
     title: title,
     maxmin: true, //開啟最大化最小化按鈕
     content: url ,
     btn: ['確定', '關(guān)閉'],
     yes: function(index, layero){
     var body = top.layer.getChildFrame('body', index);
     var iframeWin = layero.find('iframe')[0]; //得到iframe頁的窗口對(duì)象,執(zhí)行iframe頁的方法:iframeWin.method();
     var inputForm = body.find('#inputForm');
     var top_iframe;
     if(target){
     top_iframe = target;//如果指定了iframe,則在改frame中跳轉(zhuǎn)
     }else{
     top_iframe = top.getActiveTab().attr("name");//獲取當(dāng)前active的tab的iframe
     }
     inputForm.attr("target",top_iframe);//表單提交成功后,從服務(wù)器返回的url在當(dāng)前tab中展示
     if(iframeWin.contentWindow.doSubmit(top_iframe) ){
     top.layer.close(index);//關(guān)閉對(duì)話框。
     top.window[iframeName].frames.location.reload();//刷新父親
     }
     },
     cancel: function(index){
     }
     });
    }
    //子頁面回調(diào)方法
    function addRecord(name,chainName){
     alert(name);
    }
    
    

    子頁面

    function doSubmit(iframeName) {
     var sel=$("tbody tr td input.i-checks:checked");
     var size = sel.size();
     if(size==0){
     top.layer.alert('請(qǐng)至少選擇一條數(shù)據(jù)!', {icon: 0, title:'警告'});
     return false;
     }else{
     for(var i=0;i<size;i++){
     top.window[iframeName].addRecord(sel[i].name,sel[i].value);
     }
     return true;
     }
    }
    
    

    另:layui完整源碼可點(diǎn)擊此處本站下載。

    希望本文所述對(duì)大家基于layui框架的程序設(shè)計(jì)有所幫助。

    聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    layui框架中l(wèi)ayer父子頁面交互的方法分析

    layui框架中l(wèi)ayer父子頁面交互的方法分析:本文實(shí)例講述了layui框架中l(wèi)ayer父子頁面交互的方法。分享給大家供大家參考,具體如下: layer是一款近年來備受青睞的web彈層組件,官網(wǎng)地址是:http://layer.layui.com/ 可以從官網(wǎng)上下載最新版本。 還可點(diǎn)擊此處本站下載。 當(dāng)layer以iframe層的
    推薦度:
    標(biāo)簽: 的方式 分析 layer
    • 熱門焦點(diǎn)

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 精品视频在线免费观看| 国产成人精品午夜福麻豆| 久久福利青草精品资源站| 久久青青草原精品国产不卡| 免费91麻豆精品国产自产在线观看| 亚洲线精品一区二区三区| 大胸国产精品视频| 97视频在线观看这里只有精品| 亚洲AV无码成人精品区天堂| 国内精品伊人久久久久影院对白| 久久亚洲国产精品一区二区| 精品国产一区二区三区久久久狼| 亚洲av无码成人精品区| 黑人巨茎精品欧美一区二区| 88久久精品无码一区二区毛片| 国产成人精品亚洲日本在线| 国内揄拍高清国内精品对白| 无码人妻精品一区二区三区66 | 国产精品精品自在线拍| 亚洲精品tv久久久久| 久久久久国产精品嫩草影院| 国产精品麻豆欧美日韩ww| 99热这里只有精品6国产免费| 国产精品网站在线观看| 99香蕉国产精品偷在线观看| 国产成人精品无码一区二区| 国产成人精品日本亚洲网站| 国产成人精品高清在线观看93 | 亚洲精品成人在线| 日本精品一区二区三区在线视频一 | 91午夜精品亚洲一区二区三区| 国产亚洲美女精品久久久久狼| 99精品视频免费| 精品福利一区二区三| 国内精品51视频在线观看| 精品国产欧美另类一区| 精品国产日产一区二区三区| 在线精品国产一区二区| 国产成人亚洲精品影院| 国产午夜精品一区二区| 久久激情亚洲精品无码?V|