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 相关文章推荐
jqeury eval将字符串转换json的方法
Jan 20 Javascript
瀑布流布局并自动加载实现代码
Mar 12 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
谈一谈JS消息机制和事件机制的理解
Apr 14 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
jQuery实现轮播图效果demo
Jan 11 jQuery
element-ui点击查看大图的方法示例
Dec 14 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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跨域cookie共享使用方法
2014/02/20 PHP
PHP 中常量的知识整理
2017/04/14 PHP
php 可变函数使用小结
2018/06/12 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
设定php简写功能的方法
2019/11/28 PHP
js 创建书签小工具之理论
2011/02/25 Javascript
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
移动端界面的适配
2017/01/11 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
微信小程序动态显示项目倒计时
2019/06/20 Javascript
js实现左右轮播图
2020/01/09 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
利用python程序生成word和PDF文档的方法
2017/02/14 Python
详解python statistics模块及函数用法
2019/10/27 Python
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
电子信息工程专业推荐信
2014/02/14 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
Mysql 一主多从的部署
2022/05/20 MySQL