1.利用layer彈出iframe層(type=2)
1 function ShowKJCX(results) { 2 ly = layer.open({ 3 type: 2, 4 id:"KJCX", 5 skin: 'layui-layer-l LayerCC', 6 shadeClose: false, 7 area: ['550px', '600px'],//area: ['400px', '450px'], 8 shade: 0, 9 content: '/menu/childPage/layerCC.html', 10 success: function (layero, index) { 11 console.log(layero, index); 12 //$(".layui-layer-title")[0].innerText = "111"; 13 }, 14 end: function () {//關閉頁面時 15 } 16 }); 17 }
2.在彈出的iframe層中再彈出子彈窗,如何在每次切換子彈窗時修改父彈窗的標題?
在彈窗彈出成功success:function (layero, index) {}中獲取iframe彈窗對象,設置其$(".layui-layer-title")[0].innerText即可動態修改彈窗標題,前提當前只有一個.layui-layer-title對象,不然多個彈窗標題都改了,有多個彈窗的話增加篩選條件篩選出指定彈窗對象。其中layero參數是彈窗對象,index是彈出索引。
1 if (cs != undefined) { 2 var rNum = results.length;//查詢結果(500個) 3 if (rNum > 1000) { rNum = "1000+"; } 4 parent.lyKJCX = layer.open({ 5 type: 1, 6 title: false, 7 closeBtn:false, 8 skin: 'layui-layer-l', 9 shadeClose: false, 10 area: ['450px', '600px'], 11 shade: 0, 12 content: $("#KJCXresult_eTableRow"), 13 success: function (layero, index) { 14 parent.$(".layui-layer-title")[0].innerText = '空間查詢結果' + '(' + rNum + '個)'; 15 }, 16 end: function () {//關閉頁面時 17 if (parent.lyKJCX != "") { 18 layer.close(parent.lyKJCX); 19 } 20 } 21 }); 22 }

圖 地形工程查詢結果

圖 2000結合表查詢結果
