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 图片上传按比例预览插件集合
May 28 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
原生JS实现萤火虫效果
Mar 07 Javascript
vue总线机制(bus)知识点详解
May 10 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
我的论坛源代码(二)
2006/10/09 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
JS实现的自定义水平滚动字体插件完整实例
2016/06/17 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
2016/08/05 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
python实现五子棋人机对战游戏
2020/03/25 Python
python实现图片九宫格分割
2021/03/07 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
python画环形图的方法
2020/03/25 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
党员自评材料范文
2014/12/17 职场文书
会计简历自我评价
2015/03/10 职场文书
企业员工辞职信范文
2015/05/12 职场文书
余世维讲座观后感
2015/06/11 职场文书
入党自传范文2015
2015/06/26 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书