<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答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
        主站蜘蛛池模板: 亚洲成人午夜在线| 亚洲AⅤ男人的天堂在线观看 | 伊在人亚洲香蕉精品区麻豆| 亚洲午夜久久久久久噜噜噜| 亚洲人精品亚洲人成在线| 日韩免费码中文在线观看| 成人无码区免费视频观看| 亚洲精品无码乱码成人 | 美女尿口扒开图片免费| 在线成人爽a毛片免费软件| 亚洲精品成a人在线观看| 亚洲国产福利精品一区二区| 国产免费阿v精品视频网址| 午夜男人一级毛片免费| 91亚洲精品视频| 中文字幕不卡免费高清视频| 日本最新免费不卡二区在线| 亚洲精品白色在线发布| 精品四虎免费观看国产高清午夜| 免费国产美女爽到喷出水来视频| 亚洲av乱码一区二区三区| 国产精品99精品久久免费| 国产亚洲AV手机在线观看| 人妻18毛片a级毛片免费看| 亚洲人成网77777亚洲色| 18禁美女黄网站色大片免费观看| 亚洲av无码不卡一区二区三区| 未满十八私人高清免费影院| 亚洲码国产精品高潮在线| 思思re热免费精品视频66 | 免费一级毛片在线播放不收费| 国产精品成人69XXX免费视频| 全部免费国产潢色一级| 亚洲欧美中文日韩视频| 妞干网免费观看视频| 一级做受视频免费是看美女| 亚洲精品tv久久久久| 1000部无遮挡拍拍拍免费视频观看 | 全亚洲最新黄色特级网站| 亚在线观看免费视频入口| 亚洲国产另类久久久精品小说|