浅谈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 相关文章推荐
javascript new fun的执行过程
Aug 05 Javascript
jquery下实现overlay遮罩层代码
Aug 25 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
vue实现按需加载组件及异步组件功能
May 27 Javascript
vue实现图片上传到后台
Jun 29 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
在字符串指定位置插入一段字符串的php代码
2010/02/16 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
js 数组克隆方法 小结
2010/03/20 Javascript
js prototype截取字符串函数
2010/04/01 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
JavaScript事件 "事件对象"的注意要点
2016/01/14 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
vue使用nprogress实现进度条
2019/12/09 Javascript
Python判断字符串与大小写转换
2015/06/08 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
python模块内置属性概念及实例
2021/02/18 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
旅游管理本科生求职信
2013/10/14 职场文书
妇产科护士自我鉴定
2013/10/15 职场文书
计算机网络专业个人的自我评价
2013/10/17 职场文书
出国留学自荐信
2013/10/25 职场文书
年度评优评先方案
2014/06/03 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
python程序的组织结构详解
2021/12/06 Python
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers