layui type2 通过url给iframe子页面传值的例子


Posted in Javascript onSeptember 06, 2019

A页面 调用layui.layer.open

layui.use(["layer"], function () {
          layui.layer.open({
            type: 2,
            title: "管理角色拥有的部门",
            btn: ["确定修改", "关闭"],
            content: '@Url.Content("~/Role/UserRoleView?rid=")'+a[0].ID + '&uid=' + a[0].UID,//这里指向office
            btn1: function (index, layero) {
              //获取子页面数据
              var body = layer.getChildFrame('body', index);
              var addData = body.find("#listFalse li");
              console.log(addData);
              var delData = body.find("#listTrue li")
              console.log(delData);
              if (addData.length==0&&delData.length==0) {
                layui.layer.closeAll();
                layui.layer.msg("没有做任何修改!");
                return false;
              } else {
                var url = '@Url.Content("~/Role/AddRemoveUsers2Role")';
                if ($(addData).find("span").length != 0) {
                  var data = getListData(addData);
                  $.ajax({
                    type: "post",
                    url: url,
                    data: { "rid": a[0].ID, "uids": data },
                    success: function (rst) {
                      layui.layer.closeAll();
                      layui.layer.msg("添加用户成功,其用户名分别为:" + data.toString());
 
                    }
                  })
                };
                if ($(delData).find("span").length != 0) {
                  var data = getListData(delData);
                  $.ajax({
                    type: "post",
                    url: url,
                    data: { "rid": a[0].ID, "uids": data ,"Add":"false"},
                    success: function (rst) {
                      layui.layer.closeAll();
                      layui.layer.msg("删除用户成功,其用户名分别为:" + data.toString());
                    }
                  })
                }
              }
            },
            btn2: function () {
              layui.layer.closeAll();
            }
 
          })
        })

B页面获取解析为Object

//页面初始化
 
  $(function () {
    var oid = args().oid;//获取父页面oid
  })
  //获取index传参rid args为传递过来的所有参数,类型为OBJDECT,调用为args();
    var args = function(params){
      var a = {};
      params = params || location.search;
      if(!params) return {};
      params = decodeURI(params);
      params.replace(/(?:^\?|&)([^=&]+)(?:\=)([^=&]+)(?=&|$)/g,function(m,k,v){ a[k] = v; });
      return a;
    };

以上这篇layui type2 通过url给iframe子页面传值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
Dec 31 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
Vue中使用的EventBus有生命周期
Jul 12 Javascript
微信小程序 冒泡事件原理解析
Sep 27 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
JavaScript 原型与原型链详情
Nov 02 Javascript
使用layui的router来进行传参的实现方法
Sep 06 #Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 #Javascript
layui关闭层级、简单监听的实例
Sep 06 #Javascript
layui表格内容溢出的解决方法
Sep 06 #Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 #Javascript
vue中 this.$set的用法详解
Sep 06 #Javascript
在layui中select更改后生效的方法
Sep 05 #Javascript
You might like
通过html表格发电子邮件
2006/10/09 PHP
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
php连接mysql数据库
2017/03/21 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
js 调整select 位置的函数
2008/02/21 Javascript
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
判断用户是否在线的代码
2011/03/05 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
基于jQuery实现响应式圆形图片轮播特效
2015/11/25 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
js中null与空字符串""的区别讲解
2019/01/17 Javascript
pygame加载中文名mp3文件出现error
2017/03/31 Python
Python 查看文件的读写权限方法
2018/01/23 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
使用TFRecord存取多个数据案例
2020/02/17 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
保卫钓鱼岛口号
2014/06/20 职场文书
农业项目建议书
2014/08/25 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
在职证明书模板
2015/06/15 职场文书
MySQL8.0的WITH查询详情
2021/08/30 MySQL
JavaScript的Set数据结构详解
2022/02/18 Javascript
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫