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