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 相关文章推荐
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
基于zepto.js简单实现上传图片
Jun 21 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
Mint UI实现A-Z字母排序的城市选择列表
Dec 28 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
JS实现简易计算器
Feb 14 Javascript
7个你应该知道的JS原生错误类型
Apr 29 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 程序员的调试技术小结
2009/11/15 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
php如何实现不借助IDE快速定位行数或者方法定义的文件和位置
2017/01/17 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
JQUERY操作JSON实例代码
2010/02/09 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
微信小程序实现日历功能
2018/11/27 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
python模块之time模块(实例讲解)
2017/09/13 Python
python 中的int()函数怎么用
2017/10/17 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python requests.post带head和body的实例
2019/01/02 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
高中毕业自我鉴定范文
2013/10/02 职场文书
初一地理教学反思
2014/01/16 职场文书
战友聚会邀请函
2014/01/18 职场文书
一夜的工作教学反思
2014/02/08 职场文书
酒会邀请函
2015/01/31 职场文书
基层工作经历证明
2015/06/19 职场文书
法律服务所工作总结
2015/08/10 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
辞职信怎么写?
2019/05/21 职场文书
python中数组和列表的简单实例
2022/03/25 Python