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 相关文章推荐
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
jquery实现心算练习代码
Dec 06 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
js断点调试经验分享
Dec 08 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
Oct 31 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 Javascript
手写实现JS中的new
Nov 07 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 什么是PEAR?(第三篇)
2009/03/19 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
AngularJS的一些基本样式初窥
2015/07/27 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
node中的session的具体使用
2018/09/14 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
js实现有趣的倒计时效果
2021/01/19 Javascript
Python中的匿名函数使用简介
2015/04/27 Python
Python装饰器实现几类验证功能做法实例
2017/05/18 Python
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
html5实现滑块功能之type="range"属性
2020/02/18 HTML / CSS
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
学校后勤人员职责
2013/12/27 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
假释思想汇报范文
2014/10/11 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
《我要的是葫芦》教学反思
2016/02/18 职场文书