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/   
如果您觉得本文确实帮助了您,可小小打赏下,谢谢
 

layer弹窗动态改变标题的更多相关文章

  1. Android TabHost 动态修改图标或者动态改变标题

    那时客户需要实现在TabHost标题上动态显示从数据库获取的个数.起初这样思考的,从数据库 获取个数是非常简单,但是要把获取的个数显示在TabHost标题,思前想后,想用Handler来异步实现消息传 ...

  2. autolayout高度动态改变的一些体会

    autolayout这个东西就不在此说明了,网上已经有很多大神做了很详细的讲解,自己也看了不少好文章,在这里只是想记录一下自己初步的一些认识与体会,这个东西毕竟还是很强大,如果要用到更高级的用法还得在 ...

  3. 通过html5的range属性动态改变图片的大小

    range属性已经是很成熟的属性了,我们可以使用这个属性进行动态调整图片的宽度,其中原理在于通过不断获取range的值,并赋予给所需要的图片,进而达到动态改变图片的效果.下面贴出具体的代码,主要参照了 ...

  4. vue router 修改title(IOS 下动态改变title失效)

    在ios下app  设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的. 在路由配置中添加   ...

  5. 如何使用DAX函数解决动态图表标题

    您可能知道,Power BI中的图表(以及许多其他可视化)具有可以设置为任何静态文本的标题.您可以通过选择图表,转到“可视化对象”窗格中的“格式”选项卡,然后更改“标题”部分中的属性(如下所示)来完成 ...

  6. javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

    jsp页面表格布局Html代码 <body onload="show()"> <center> <input type="text" ...

  7. easyui如何动态改变列的编辑属性

    动态改变列的编辑属性 var tt=$('#dg').datagrid('getColumnOption', 'yearContent'); //通过列名获得此列 tt.editor={type:'t ...

  8. jqGrid使用setColProp方法动态改变列属性

    在使用jqGrid插件时,有时我们需要动态改变列的属性,可使用setColProp方法,用法如下 jQuery(”#grid_id”).setColProp('colname',{editoption ...

  9. jquery动态改变div宽度和高度

    效果体验:http://keleyi.com/keleyi/phtml/jquery/23.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...

随机推荐

  1. spring:bean的生命周期

    1.spring中bean的生命周期 (1)概念 在spring框架中,所有的bean对象都有生命周期,就是指bean的创建.初始化.服务.销毁的一个过程. (2)bean的生命周期 bean的定义 ...

  2. Mongodb PHP封装类

    分享一个Mongodb PHP封装类 <?php /** * Mongodb 基本操作API,支持基本类似关系统型数据库的操作接口 * * @version 1.0 * [说明] * * 1:该 ...

  3. Centos-显示开机信息-dmesg

    dmesg 显示开机信息,开机时内核将开机信息存储在系统缓冲区(ring buffer)中,存储在 /var/log/dmesg文件中

  4. LCD1602 库函数

    LCD1602 库函数 This library allows an Arduino board to control LiquidCrystal displays (LCDs) based on t ...

  5. Activity的常用控件

    TimerPick(时间控件)public Integer getCurrentHour() //返回当前设置的小时public Integer getCurrentMinute()//返回当前设置的 ...

  6. SolrCloud搭建

    什么是SolrCloud? SolrCloud是基于 solr 和 zookeeper 的分布式搜索方案,它的主要思想是使用zookeeper作为SolrCloud集群的配置信息中心,统一管理Solr ...

  7. C#实现迭代器

    迭代器模式(Iterator),提供一种方法顺序访问一个聚合对象中的各种元素,而又不暴露该对象的内部表示.C#中使用IEnumerator接口实现,Java中使用Iterator接口实现,其中原理都差 ...

  8. 在实际开发中Java中enum的用法

    在日常项目的开发中,往往会存在一些固定的值,而且"数据集"中的元素是有限的. 例如:st_code// 一些状态机制:01-激活  02-未激活  03 -注册..等等 还有一特性 ...

  9. 多测师讲解自动化测试 _RF封装_(三层模式)高级讲师肖sir

    rf自动化:分层作用: 1.项目----有重复的流程(借款-登录,出借-登录) 2.借款--登录(8个流程)机器人:案例层(用例)写在机器人中,1个机器人=1条用例 分三个层次: 1.案例层(存放用例 ...

  10. Mac 每次都要执行source ~/.bash_profile 后,配置的环境变量才生效

    问题: 自己在 ~/.bash_profile 中配置环境变量, 可是每次重启终端后配置的不生效.需要重新执行 : $source ~/.bash_profile后,才会生效. 原因: 自己是在bas ...