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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
js利用Array.splice实现Array的insert/remove
Jan 13 Javascript
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
Backbone.js框架中简单的View视图编写学习笔记
Feb 14 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
详解Nuxt.js 实战集锦
Nov 19 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+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
JScript分割字符串示例代码
2013/09/04 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
完美解决IE9浏览器出现的对象未定义问题
2016/09/29 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
vue常用高阶函数及综合实例
2021/02/25 Vue.js
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
python pillow模块使用方法详解
2019/08/30 Python
python urllib爬虫模块使用解析
2019/09/05 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
如何在django中运行scrapy框架
2020/04/22 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
python中if嵌套命令实例讲解
2021/02/25 Python
《鸿门宴》教学反思
2014/04/22 职场文书
党建目标管理责任书
2014/07/25 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
党员对照检查材料
2014/09/22 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
初三语文教学反思
2016/03/03 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
创业计划书之水果店
2019/07/18 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers