欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用Layer組件彈出多個對話框(非嵌套)與關(guān)閉及刷新的例子

 更新時間：2019年09月25日 11:44:58   作者：weixin_34320724  
今天小編就為大家分享一篇使用Layer組件彈出多個對話框(非嵌套)與關(guān)閉及刷新的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

頁面A中彈出頁面B,在頁面B中彈出頁面C,在layer做嵌套ifframe彈出時會遇到C頁面被嵌套在B頁面中，如果C尺寸大于B,則C將不能顯示完整。這個時候可以考慮B,C頁面均由A頁面彈出從而避免嵌套帶來的問題。廢話少說，直接上代碼。

1.A彈出B:

在A.html中插入一下代碼

layer.open({
         title:'新增賬號',
         type: 2,
         area: ['700px', '350px'],
         fixed: false, //不固定
         maxmin: false,
         content:['B.html?'+param,'no']
        });

2.B彈出C:

在B.html中插入以下代碼

parent.layer.open({
    type: 2,
    skin: 'layui-layer-molv',
    title: "組織機構(gòu)選擇",
    area: ['460px', '600px'],
    shadeClose: false,
    content: ['C.html','no'],
    btn: ['確定','關(guān)閉'],
    btn1: function (index) {
      var subIframe=parent.$("iframe");
      if(subIframe!=null&&subIframe.length==2){
        var orgs= subIframe[1].contentWindow.getCMethod();
        if(orgs&&orgs.length>0){
          $("input[name='defaultOrgId']").val(orgs[0].orgId);
          $("input[name='orgName']").val(orgs[0].orgName);
        }
      }
      parent.layer.close(index);//關(guān)閉彈出層C.html
    }
  });

3.關(guān)閉iframe彈出層js代碼

（1）關(guān)閉特定iframe

//當在iframe頁面關(guān)閉自身時，在iframe頁執(zhí)行以下js腳本
var index = parent.layer.getFrameIndex(window.name); //先得到當前iframe層的索引
parent.layer.close(index); //再執(zhí)行關(guān)閉

（2）關(guān)閉所有彈出層

layer.closeAll(); //瘋狂模式，關(guān)閉所有層
layer.closeAll('dialog'); //關(guān)閉信息框
layer.closeAll('page'); //關(guān)閉所有頁面層
layer.closeAll('iframe'); //關(guān)閉所有的iframe層
layer.closeAll('loading'); //關(guān)閉加載層
layer.closeAll('tips'); //關(guān)閉所有的tips層

4.刷新另一個彈出層

（1）刷新已知index的iframe彈層

layer.iframeSrc(index, 'http://sentsin.com') //官方示例，其中參數(shù)index為iframe索引，第二個參數(shù)為iframe的URL

（2）刷新未知index的iframe彈層

parent.$("iframe").each(function () {
                $(this).attr('src', $(this).attr('src'));//需要引用jquery
})

以上這篇使用Layer組件彈出多個對話框(非嵌套)與關(guān)閉及刷新的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論