这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇浅谈 layer 的 iframe 弹窗给里面的标签赋值的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
说到这一篇,真的是颠覆了我的思维。
官方文档,没有介绍这一部分的操作,大致上提了一下。
我的思路是把页面的数据传过去,在 iframe 弹窗的页面拿到接收到的数据,然后赋值,但是这样就会有个问题,
怎么传值呢?
想到了 url 传参,但是我的数据太长了,这样不保险。
第二种动作方法去数据库读取,然后在传递,可是我实在是不想已经有的数据还去一次数据库,那不是浪费性能么,
然后询问了无数群友,才有了这个方法
先上效果图
然后上代码
- 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 弹窗给里面的标签赋值的问题全部内容了,希望大家多多支持 phperz~
来源: http://www.phperz.com/article/17/0723/330514.html