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 相关文章推荐
javascript之学会吝啬 精简代码
Apr 25 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
JS实现unicode和UTF-8之间的互相转换互转
Jul 05 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
vue实现简易音乐播放器
Aug 14 Vue.js
使用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
一个改进的UBB类
2006/10/09 PHP
echo(),print(),print_r()之间的区别?
2006/11/19 PHP
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
php中$_GET与$_POST过滤sql注入的方法
2014/11/03 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
node+multer实现图片上传的示例代码
2020/02/18 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
在Mac OS上搭建Python的开发环境
2015/12/24 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
python os模块在系统管理中的应用
2020/06/22 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
初中生操行评语大全
2014/04/24 职场文书
红旗渠导游词
2015/02/09 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
朋友离别感言
2015/08/04 职场文书
小学班级标语口号大全
2015/12/26 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL