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

 更新时间:2016年11月10日 09:24:08   投稿:jingxian  
下面小编就为大家带来一篇浅谈layer的iframe弹窗给里面的标签赋值的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

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

怎么传值呢?

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

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

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

先上效果图

QQ截图20150820145607

然后上代码

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函数定义方法实例详解

    这篇文章主要介绍了JavaScript函数定义方法,结合实例形式较为详细的分析了javascript函数的声明、定义、调用等原理与常见操作技巧,需要的朋友可以参考下
    2019-03-03
  • 判断在css加载完毕后执行后续代码示例

    判断在css加载完毕后执行后续代码示例

    这篇文章主要介绍了在css加载完毕后执行后续代码的方法,需要的朋友可以参考下
    2014-09-09
  • ES6标准 Arrow Function(箭头函数=>)

    ES6标准 Arrow Function(箭头函数=>)

    ES6标准新增了一种新的函数:Arrow Function(箭头函数),为什么叫Arrow Function?因为它的定义用的就是一个箭头
    2020-05-05
  • js中数组排序sort方法的原理分析

    js中数组排序sort方法的原理分析

    这篇文章主要介绍了js中数组排序sort方法的原理,以实例形式分析了sort排序方法的运行机制,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-11-11
  • 使用threejs实现第一人称视角的移动的问题(示例代码)

    使用threejs实现第一人称视角的移动的问题(示例代码)

    第一人称视角的场景巡检主要需要解决两个问题,人物在场景中的移动和碰撞检测。移动与碰撞功能是所有三维场景首先需要解决的基本问题,今天我们就通过最基本的threejs来完成第一人称视角的场景巡检功能,感兴趣的朋友一起看看吧
    2022-02-02
  • javascript实现手动点赞效果

    javascript实现手动点赞效果

    这篇文章主要为大家详细介绍了javascript实现手动点赞效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • 详述JavaScript实现继承的几种方式(推荐)

    详述JavaScript实现继承的几种方式(推荐)

    这篇文章主要介绍了详述JavaScript实现继承的几种方式(推荐)的相关资料,需要的朋友可以参考下
    2016-03-03
  • 微信小程序实现点击空白隐藏的方法示例

    微信小程序实现点击空白隐藏的方法示例

    这篇文章主要介绍了微信小程序实现点击空白隐藏的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • js实现拖拽功能

    js实现拖拽功能

    本文主要介绍了js实现拖拽效果的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • layui+SSM的数据表的增删改实例(利用弹框添加、修改)

    layui+SSM的数据表的增删改实例(利用弹框添加、修改)

    今天小编就为大家分享一篇layui+SSM的数据表的增删改实例(利用弹框添加、修改),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论