浅谈layer的iframe弹窗给里面的标签赋值的问题


Posted in Javascript onNovember 10, 2016

说到这一篇,真的是颠覆了我的思维。

官方文档,没有介绍这一部分的操作,大致上提了一下。

我的思路是把页面的数据传过去,在iframe弹窗的页面拿到接收到的数据,然后赋值,但是这样就会有个问题,

怎么传值呢?

想到了url传参,但是我的数据太长了,这样不保险。

第二种动作方法去数据库读取,然后在传递,可是我实在是不想已经有的数据还去一次数据库,那不是浪费性能么,

然后询问了无数群友,才有了这个方法

先上效果图

浅谈layer的iframe弹窗给里面的标签赋值的问题

然后上代码

function editUser(i) { //编辑按钮的方法
    var rows = $("#userGrid").datagrid("getRows");
    layer.open({
      title: false,
      type: 2,
      closeBtn: false,
      area: ['420px', '560px'],
      skin: 'layui-layer-rim', //加上边框
      content: ['/Admin/ShowForm/EditUserInfo', 'no'],
      success: function (layero, index) {
        var body = layer.getChildFrame('body', index); //巧妙的地方在这里哦
        body.contents().find("#userName").val(rows[i].UserName);
        body.contents().find("#mail").val(rows[i].MailBox);
        if (rows[i].Tel != "-") {
          body.contents().find("#tel").val(rows[i].Tel);
        }
        if (rows[i].Mobile != "-") {
          body.contents().find("#mobile").val(rows[i].Mobile);
        }
        body.contents().find("#addr").val(rows[i].Addr);
        body.contents().find("#isstutas").val(rows[i].IsStatus);

      }
    });
  }

先得到整个页面,然后把id拿出来一个个赋值是不是很好呢!

以上就是小编为大家带来的浅谈layer的iframe弹窗给里面的标签赋值的问题全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery Validation实例代码 让验证变得如此容易
Oct 18 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
Oct 10 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
深入解析JavaScript中的arguments对象
Jun 12 Javascript
addeventlistener监听scroll跟touch(实例讲解)
Aug 04 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
vue v-model动态生成详解
Jun 30 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 #Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 #Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 #Javascript
VueJS全面解析
Nov 10 #Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 #Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 #Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 #Javascript
You might like
PHP计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
php类的定义与继承用法实例
2015/07/07 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
三种带箭头提示框总结实例
2016/06/14 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
layer弹出层显示在top顶层的方法
2019/09/11 Javascript
Python字符串中查找子串小技巧
2015/04/10 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
Python分析最近大火的网剧《隐秘的角落》
2020/07/02 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
英国现代市场:ARKET
2019/04/10 全球购物
Why we need EJB
2016/10/20 面试题
感恩教育月活动总结
2014/07/07 职场文书
批评与自我批评总结
2014/10/17 职场文书
企业承诺书格式范文
2015/04/28 职场文书
驾驶员管理制度范本
2015/08/06 职场文书