• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題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關鍵字專題關鍵字專題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
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    layui框架中layer父子頁面交互的方法分析

    來源:懂視網 責編:小采 時間:2020-11-27 22:25:35
    文檔

    layui框架中layer父子頁面交互的方法分析

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

    本文實例講述了layui框架中layer父子頁面交互的方法。分享給大家供大家參考,具體如下:

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

    可以從官網上下載最新版本。

    還可點擊此處本站下載。

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

    1、訪問父頁面元素值

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

    2、訪問父頁面方法

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

    3、如何關閉彈出的子頁面窗口

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

    4、如何從子頁面執行刷新父頁面操作

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

    附:layer彈出多個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: ['確定', '關閉'],
     yes: function(index, layero){
     var body = top.layer.getChildFrame('body', index);
     var iframeWin = layero.find('iframe')[0]; //得到iframe頁的窗口對象,執行iframe頁的方法:iframeWin.method();
     var inputForm = body.find('#inputForm');
     var top_iframe;
     if(target){
     top_iframe = target;//如果指定了iframe,則在改frame中跳轉
     }else{
     top_iframe = top.getActiveTab().attr("name");//獲取當前active的tab的iframe
     }
     inputForm.attr("target",top_iframe);//表單提交成功后,從服務器返回的url在當前tab中展示
     if(iframeWin.contentWindow.doSubmit(top_iframe) ){
     top.layer.close(index);//關閉對話框。
     top.window[iframeName].frames.location.reload();//刷新父親
     }
     },
     cancel: function(index){
     }
     });
    }
    //子頁面回調方法
    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('請至少選擇一條數據!', {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完整源碼可點擊此處本站下載。

    希望本文所述對大家基于layui框架的程序設計有所幫助。

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    layui框架中layer父子頁面交互的方法分析

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

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 亚洲午夜精品久久久久久浪潮| 国产精品狼人久久久久影院| 亚洲日韩精品欧美一区二区| 无码AV动漫精品一区二区免费| 久久99精品久久久久久| 一色屋精品视频在线观看| 国产福利电影一区二区三区,亚洲国模精品一区 | 久久精品无码一区二区三区日韩| 国产精品ⅴ无码大片在线看| 无码欧精品亚洲日韩一区| 欧美成人精品欧美一级乱黄码| 四虎国产精品永久一区| 500av导航大全精品| 久久精品无码一区二区无码| 亚洲精品乱码久久久久久不卡| 久久99精品国产麻豆婷婷| 国产精品内射久久久久欢欢| 热99re久久国超精品首页| 国产精品久久国产精品99盘| 国产成人精品手机在线观看| 日韩精品无码一本二本三本| 最新在线精品国自av| 亚洲国产人成精品| 四虎国产精品永免费| 免费精品精品国产欧美在线欧美高清免费一级在线 | 777欧美午夜精品影院| 国产精品高清一区二区三区不卡 | 四虎国产精品永久地址49| 国内精品在线视频| 国产精品麻豆高清在线观看| 99热亚洲色精品国产88| 国产成人久久精品一区二区三区 | 精品综合久久久久久88小说| 国产精品推荐天天看天天爽| 成人国产精品动漫欧美一区| 四虎影视国产精品永久在线| 日韩精品一区二区三区大桥未久| 久久99国产精品久久久| 亚洲国产精品嫩草影院| 亚洲一区精品中文字幕| 伊人久久大香线蕉精品|