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结合表查询结果

 -----欢迎转载，但请于明显处标明出处：http://www.cnblogs.com/pxtgis/   

如果您觉得本文确实帮助了您，可小小打赏下，谢谢