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 相关文章推荐
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
js控制div弹出层实现方法
May 11 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
VuePress 中如何增加用户登录功能
Nov 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 addslashes 函数详细分析说明
2009/06/23 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
JavaScript 常用函数
2009/12/30 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
js css后面所带参数含义介绍
2013/08/18 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
Javascript window对象详解
2014/11/12 Javascript
jQuery搜索子元素的方法
2015/02/10 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
vuejs如何配置less
2017/04/25 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
python实现划词翻译
2020/04/23 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
使用python远程操作linux过程解析
2019/12/04 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
python3注册全局热键的实现
2020/03/22 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
小学三年级学生评语
2014/04/22 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
化工工艺设计求职信
2014/06/25 职场文书
审计班子对照检查材料
2014/08/27 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
Python中npy和mat文件的保存与读取
2022/04/24 Python