layui type2 通过url给iframe子页面传值的例子

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子页面传值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • layer弹出子iframe层父子页面传值的实现方法

    本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&

  • layui多iframe页面控制定时器运行的方法

    我们web页面中有几个页面是有定时器在刷新的,并且查询的内容还不少,给服务器造成了不少压力.这些接口已经尽量优化,能放到缓存的都放到缓存.然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器.我觉得这是一个挺不错的提议,而且实现起来也不难. 粗略地考虑有两个思路,一个是点击标签时开启或关闭定时器,一个是定时器执行时判断所在的iframe是否隐藏,如果隐藏则不执行定时器的方法.第一种维护麻烦,难免有错漏的情况,而且和别的iframe

  • 跨域传值即主页面与iframe之间互相传值

    需求一:主页面A 怎么向 iframe B 传递数据呢? 这种方式,是主页面需要给 iframe B 传递数据,然后 iframe B 获得到数据后进行特定的处理 实现方式 实现的技巧就是利用 location 对象的 hash 值,通过它传递通信数据,我们只需要在主页面A中设置 iframe B 的 src 后面多加个 #data 字符串(data就是你要传递的数据),如下图所示: 然后在 iframe B 中通过某种方式能即时的获取到这儿 data 就可以了,其实常用的一种方式就是: 1.

  • layui type2 通过url给iframe子页面传值的例子

    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[

  • 在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

    最近,在项目中使用到了layer.layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作.在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互. 其实,官方文档都说的很清楚了. layui官方文档:http://layer.layui.com/ 使用版本:2.3.0 只是,需要我们耐心的读懂文档内容,然后根据自己的业务情况,实现自己想要的效果. 一.子页面获取父页面数据 子

  • iframe子页面与父页面在同域或不同域下的js通信

    iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html 复制代码 代码如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say()

  • 嵌入式iframe子页面与父页面js通信的方法

    本文实例讲述了嵌入式iframe子页面与父页面js通信的方法.分享给大家供大家参考.具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信 父页面 parent.html: 复制代码 代码如下: <html> <head> <script type="text/javascr

  • iframe子页面获取父页面元素的方法

    在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下: $.('#objld', parent.document); 在父页面获取iframe子页面的元素 代码如下: 复制代码 代码如下: $("#objid", document.iframes('iframe').document) 或 复制代码 代码如下: $(document.getElementById('iframeId').contentWindow.document.body).html() $(docum

  • 在iFrame子页面里实现模态框的方法

    在 iframe 子页面写模态框时,按照以前的写法,点击弹出模态框的按钮之后一直没有反应,但代码并没有写错,代码如下: <input class="btn" id="deletebutton" type="button" value="删贴" onclick="deletePost()"/> <!-- 管理员发送消息模态框 2017.1.25 --> <div id="

  • javascript 装载iframe子页面,自适应高度

    假设主页面有一个div,里面放置一个iframe 复制代码 代码如下: <div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></

  • iframe子父页面调用js函数示例

    1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c

  • 利用JQuery操作iframe父页面、子页面的元素和方法汇总

    前言 iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现.下面话不多说了,来一起看看详细的介绍吧. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe

  • JS中Iframe之间传值及子页面与父页面应用

    在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js: 1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面document中的对象: b>如果要获取父页面js中的方法:window.parent.xxxx():xxxx()为方法: 2.在父页面中获取iframe子页面中的元素: a> 复制代码 代码如下: var child = document.get

随机推荐