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 相关文章推荐
jQuery 表格插件整理
Apr 27 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
Node.js API详解之 zlib模块用法分析
May 19 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/11/27 PHP
php表单提交实例讲解
2015/11/12 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
js模拟微博发布消息
2017/02/23 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
详解原生JS回到顶部
2019/03/25 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
浅谈numpy数组中冒号和负号的含义
2018/04/18 Python
django初始化数据库的实例
2018/05/27 Python
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
python对于requests的封装方法详解
2019/01/03 Python
Python使用folium excel绘制point
2019/01/03 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
python线程中的同步问题及解决方法
2019/08/29 Python
python实现的发邮件功能示例
2019/09/11 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
python math模块的基本使用教程
2021/01/16 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
个人教师自我评价范文
2013/12/02 职场文书
反对邪教标语
2014/06/30 职场文书
安全演讲稿开场白
2014/08/25 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
教师外出学习心得体会
2016/01/18 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android