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 相关文章推荐
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
微信小程序 下拉菜单简单实例
Apr 13 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 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
php 文件上传类代码
2011/08/06 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
php时区转换转换函数
2014/01/07 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
JS画5角星方法介绍
2013/09/17 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
2017/08/14 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
python中函数默认值使用注意点详解
2016/06/01 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
银行职员工作失误检讨书
2014/10/14 职场文书
同学会邀请函模板
2015/01/30 职场文书
运动会表扬稿范文
2015/05/05 职场文书
聘用合同范本
2015/09/21 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
redis 限制内存使用大小的实现
2021/05/08 Redis