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 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
利用函数的惰性载入提高javascript代码执行效率
May 05 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
Angular中管道操作符(|)的使用方法
Dec 15 Javascript
详解angularjs 学习之 scope作用域
Jan 15 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 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之面向对象
2013/05/15 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
python端口扫描系统实现方法
2014/11/19 Python
详解Python当中的字符串和编码
2015/04/25 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
详解python中list的使用
2019/03/15 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
Html5之title吸顶功能
2018/06/04 HTML / CSS
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
浪漫婚礼主持词
2014/03/14 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
2014年度党员自我评议
2014/09/13 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2016年师德师风学习心得体会
2016/01/12 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
Pytorch中TensorBoard及torchsummary的使用详解
2021/05/12 Python
JS如何实现基于websocket的多端桥接平台
2021/05/14 Javascript
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python