layer彈窗動態改變標題


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結合表查詢結果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM