精华内容
下载资源
问答
  • layui页面传递数据给iframe子页面
    千次阅读
    2020-01-20 15:26:31
    table.on("tool(demoTable)",function (obj) {
        var data = obj.data;
        if (obj.event=="edit"){
            layer.open({
                type: 2,
                area: ['380px', '400px'],
                fix: false, //不固定
                maxmin: true,
                shadeClose: true,
                shade:0.4,
                title: '编辑',
                content: './byjhEdit.html?id='+data.id,
                success:function (layero,index) {
                    //获取当前打开的子页面id   
                    var frameId = $(layero).find('iframe').attr("id");
                    //找到子页面的document对象
                    var document = window.frames[frameId].document;
                    //根据id找到子页面中相应的元素并赋值
                    $(document).find("#name").val(data.name);
                    $(document).find("#id").val(data.sid);
                 }
             });
         }
     });

     

    更多相关内容
  • 用途:把父页面数据表格中的指定行数据传递到页面,在子页面中把数据传递到页面。内有项目一个,说明文本一个。
  • layui页面之间传递数据

    千次阅读 2020-10-22 09:45:49
    打开一个新页面的同时,传递数据 layer.open({ type: 2, title: '新增项目', shadeClose: false, shade: [0.3], maxmin: true, //开启最大化最小化按钮 area: ['900px', '90%'], scrollbar: false, //屏蔽...

    打开一个新页面的同时,传递数据

    layer.open({
        type: 2,
        title: '新增项目',
        shadeClose: false,
        shade: [0.3],
        maxmin: true, //开启最大化最小化按钮
        area: ['900px', '90%'],
        scrollbar: false, //屏蔽滚动条
        content: 'operate.html?type=add'
    });
    

    在新的页面,接收数据

    var type= GetQueryString("type"); // "add"
    
    //封装GetQueryString()方法来获取URL后面的value值
     function GetQueryString(name) {
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
          var r = window.location.search.substr(1).match(reg);
          if (r != null)
              return decodeURI(r[2]);
          return null;
     }
    
    展开全文
  • 通过弹出层里面的success属性传递数据(注意:只有type=1 或者2的时候才可以使用) table.on("tool(users)", function (obj) { let curData = obj.data; if (obj.event === "edit") { layer.open({ type: 2, ...

    通过弹出层里面的success属性传递数据(注意:只有type=1 或者2的时候才可以使用)

    table.on("tool(users)", function (obj) {
       let curData = obj.data;
       if (obj.event === "edit") {
           layer.open({
               type: 2,
               title: "修改密码",
               content: ctx + "usersedit",
               area: ["500px", "235px"],
               shade: [0.03, "#000"],
               maxmin: true,
               /**
                * 向子页面传递参数
                * @param layero    当前层DOM对象
                * @param index     当前层的索引
                */
               success: function (layero, index) {
                   // 获取iframe页的DOM元素
                   let body = layer.getChildFrame("body", index);
                   // #svnUser 为iframe页面的id选择器
                   body.find("#svnUser").val(curData.svnUser);
                   // 与上一条一样
                   body.find("#password").val(curData.password);
               }
           })
       }
    })
    
    展开全文
  • 先上效果图: 前端数据表格: <%-- 数据表格 --%> <table class=layui-table lay-data={ lay-filter=test> <thead>
  • var Index = layer.open({ title: "测试", type: , content: 'http://localhost:2690/ProgressTimeline.html', area: ["80%", "90%"], success: function () { ... } body.find(".layui-timeline").append(html); } });

    var Index = layer.open({

    title: "测试",

    type: ,

    content: 'http://localhost:2690/ProgressTimeline.html',

    area: ["80%", "90%"],

    success: function () {

    var data = [

    { "time": "2018-09-01 15:23:00", "status": "受理" },

    { "time": "2018-09-02 15:23:00", "status": "审核" },

    { "time": "2018-09-03 15:23:00", "status": "已通过" },

    { "time": "2018-09-04 15:23:00", "status": "流程A" },

    { "time": "2018-09-05 15:23:00", "status": "流程B" }];

    var body = layer.getChildFrame("body");

    var html = '';

    ; i < data.length; i++) {

    html += '

    ';

    html += ? "" : "") + '';

    html += ' ';

    html += ' ' + data[i].time + "  " + data[i].status + '';

    html += ' ';

    html += '

    ';

    }

    body.find(".layui-timeline").append(html);

    }

    });

    展开全文
  • layui动态数据改变页面信息 一.引用插件 1. 一.的区别,一.要渲染才可以使用弹出层信息等二. 直接layui.mag就可以提示了。 二.动态表格参数必填项 1.el
  • 实现功能:想要实现在当前页点击数据列表的某一行,弹出该行数据对应的子页面,其中涉及数据列表中的值传递给子页面,并在子页面中调用 1、父页面的监听行单击事件 table.on('row(cat)', function(obj) { var ...
  • 想这获取表格查询数据进行回显,再传弹出层ifrmae 这些val后面的赋值语句应该要怎么写才能获取
  • 最近,在项目中使用了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在...子页面,要获取父页面的内容,需要使用到layui的一个关键字:parent。通过parent,子页
  • 以下演示的是把layui表格中当前行数据页面,常用情况:编辑 本内容相关的项目实现系统已发布,收银员账号密码:1001密码123,源码可以主页下载 layui表格的cols cols: [[ {type: "checkbox", fixed: ...
  • 你可能会对layui传递数据感到疑惑不解,看了这个后你会有所思考 框架用的ssm , 从controller-->xml , 架构的简介明了,会有助于你的理解! 运行环境: IntelliJ IDEA(eclipse)+maven+mysql(jdk,tomcat...
  • Layui页面和子页面直接互相传值

    千次阅读 2021-01-05 16:26:16
    为了在前端动态展示一个数据表格,需要一个后端接口向前端传递数据。 传给前端的数据格式如下所示(仅参考) { "code": 0, "data": [ { "sendName": "张三", "sendPhone": "17812341234" }, { "sendN
  • 弹出打开页面layer.open({type: 2,title: '添加用户',content: '../user/goAdd',area: ['460px', '450px'],btnAlign: 'c',btn: ['确定', '取消'],yes: function(index, layero){var iframeWindow = window['layui-...
  • 页面 layer.open({ type: 2, title: '', shadeClose: true, shade: 0.8, area: this.setpage(), content: '/efdGzzd/toDi
  • layui弹出框子页面返回数据给父页面

    千次阅读 2020-02-17 15:29:36
    该项目封装了layui的一些方法,这里只介绍弹出框子页面怎么传值给父页面。 网上有介绍通过调用父页面函数的方式进行调用,参考http://www.pianshen.com/article/8280157529/ 这里介绍另一种方式,通过在父页面定义一...
  • 背景 笔者之前一直使用 bootstrap table ,因为当前...有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加载全数据,当点击 tree 节点时,table 进行筛选,很简单的需求吧!   这里我们不谈 tree 的使用,
  • 1.需要定义一个全局变量 2.赋值 3.页面触发 4.子页面取值 5.查看取值结果
  • map.put("msg", "这是数据传来的!"); map.put("code",200); // String result = JSON.toJSONString(map); // System.out.println("方案一:" + result); JSONArray jsonArray = new JSONArray(); jsonArray.add...
  • 最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL(b.htm),跳转新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求,所以当传递数据过大的时候,...
  • obj可以调用子页面的方法,这样就可以通过子页面传递数据了。 $('#addQuota').on('click',function(){ layer.open({ type : 2, title : "子页面", resize : true, shadeClose : false, shade : 0, maxmin : ...
  • 原文:https://www.cnblogs.com/jingch/p/7620075.html接着上一篇继续完善我们的demo,这次我们加一个搜索按钮搜索在table标签的上方,加入这样一组html搜索商户:搜索在js加入初始化代码和定义加载方法layui.use('...
  • 前端:我用的是layui框架的分页js 文件layui.config({base : "script/"}).use(['form','layer','jquery','laypage'],function(){var form = layui.form(),layer = parent.layer === undefined ? layui.layer : ...
  • 写完一个计算机信息录入的页面后,用户开始使用了。  为了方便用户快捷录入,用户如果选择某一类型的计算机比如联想ThinkCentre M7131z的计算机,那么程序应该将这个型号计算机的出厂类型、生产日期、生产商、CPU...
  • 使用layui的layer独立组件实现父子页面传值。
  • layer.open({ type: 2, title: '推送-[[${session.shortName}]]', area: ['516px', '450px'], content: '/...//少了这个是不能从父页面向子页面传值的 body.contents().find("#resId").val([[${resId}]]); } });
  • 1、子页面分析数据,将值传给父级页面的函数。 parent代表父级页面 getSIngleSonData是父级页面的js函数 parent.getSingleSonData(single_ids); 子页面实例如下 <script> $('#adds').click(function() { ...
  • layui iframe父页面向子页面传递参数

    千次阅读 2019-11-22 14:49:50
    在之前使用layui iframe弹窗时,之前最常使用的就是混合开发的方式,后台工程师会直接将url内带上参数然后打开页面。然后在去获取参数;那么如果前后端分离或者不使用url如何传递参数呢? 1.封装打开弹窗方法 //...
  • Layui】子页面向父级页面传递参数

    千次阅读 2019-01-03 18:02:33
    底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面 首先需要在父级页面写open打开子页面 content是子页面地址 var type_id; layui.use(['laypage', 'layer','form'], function() { var...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,961
精华内容 784
关键字:

layui传递数据到页面