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 使用手册(一)
Sep 23 Javascript
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
解析jquery获取父窗口的元素
Jun 26 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
简单的渐变轮播插件
Jan 12 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
Java设计中的Builder模式的介绍
Mar 22 Javascript
JavaScript使用ul中li标签实现删除效果
Apr 15 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
vue项目配置sass及引入外部scss文件
Apr 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
如何给phpadmin一个保护
2006/10/09 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
PHP 魔术函数使用说明
2010/05/14 PHP
php5.3 废弃函数小结
2010/05/16 PHP
PHP array_multisort()函数的使用札记
2011/07/03 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
js比较和逻辑运算符的介绍
2013/03/10 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
[02:43]DOTA2英雄基础教程 半人马战行者
2014/01/13 DOTA
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
浅谈python中的__init__、__new__和__call__方法
2017/07/18 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
小学新学期教师寄语
2014/01/18 职场文书
平安校园建设方案
2014/05/02 职场文书
党员创先争优活动总结
2014/05/04 职场文书
安全生产会议制度
2015/08/06 职场文书
致运动员的广播稿
2015/08/19 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers