-
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实现父子页面之间值传递.zip
2021-03-12 10:43:50用途:把父页面的数据表格中的指定行数据传递到子页面,在子页面中把数据传递到父页面。内有项目一个,说明文本一个。 -
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; }
-
layui向子页面iframe传递数据
2021-12-06 18:07:11通过弹出层里面的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); } }) } })
-
Layui数据表格 前后端json数据接收的方法
2020-12-30 00:46:00先上效果图: 前端数据表格: <%-- 数据表格 --%> <table class=layui-table lay-data={ lay-filter=test> <thead> -
layui之弹出层--从父窗口传递数据到子窗口
2021-01-14 14:24:34var 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动态数据改变页面信息
2020-08-18 12:17:30layui动态数据改变页面信息 一.引用插件 1. 一.的区别,一.要渲染才可以使用弹出层信息等二. 直接layui.mag就可以提示了。 二.动态表格参数必填项 1.el -
layui弹窗:将父页面的值传到子页面,并在子页面调用
2021-12-23 15:51:12实现功能:想要实现在当前页点击数据列表的某一行,弹出该行数据对应的子页面,其中涉及到将数据列表中的值传递给子页面,并在子页面中调用 1、父页面的监听行单击事件 table.on('row(cat)', function(obj) { var ... -
layui无法获取到表格中的数据,无法传到layui的iframe进行数据回显
2021-09-01 14:29:59想这获取表格查询到的数据进行回显,再传到弹出层ifrmae 这些val后面的赋值语句应该要怎么写才能获取到呢 -
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2020-12-10 05:38:55最近,在项目中使用到了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在...子页面,要获取父页面的内容,需要使用到layui的一个关键字:parent。通过parent,子页 -
layui前端父页面向子页面传输数据/表格数据的问题(iframe,弹出层),关闭子页面更新表格,已解决
2021-07-24 20:57:22以下演示的是把layui表格中当前行数据传到子页面,常用情况:编辑 本内容相关的项目实现系统已发布,收银员账号密码:1001密码123,源码可以到主页下载 layui表格的cols cols: [[ {type: "checkbox", fixed: ... -
spring+springMvc+mybatis+layui实现数据表格的增删改查(纯layui实现)
2018-11-29 14:34:37你可能会对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 -
Layui(二级页面) 弹出层打开页面|传递参数
2021-06-25 12:55:47弹出打开页面layer.open({type: 2,title: '添加用户',content: '../user/goAdd',area: ['460px', '450px'],btnAlign: 'c',btn: ['确定', '取消'],yes: function(index, layero){var iframeWindow = window['layui-... -
layui父页面传参给子页面
2021-07-30 10:58:44父页面 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/ 这里介绍另一种方式,通过在父页面定义一... -
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2021-01-19 18:59:31背景 笔者之前一直使用 bootstrap table ,因为当前...有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加载全数据,当点击 tree 节点时,table 进行筛选,很简单的需求吧! 这里我们不谈 tree 的使用, -
【四二学堂】layui父页面向子页面传值(id或者整个数据行)
2019-06-05 14:11:301.需要定义一个全局变量 2.赋值 3.页面触发 4.子页面取值 5.查看取值结果 -
关于后端传递的json,怎么用layui前端获取到此集合
2021-09-16 11:33:18map.put("msg", "这是数据传来的!"); map.put("code",200); // String result = JSON.toJSONString(map); // System.out.println("方案一:" + result); JSONArray jsonArray = new JSONArray(); jsonArray.add... -
在Js页面通过POST传递参数跳转到新页面详解
2020-12-02 23:37:10最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL(b.htm),跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求,所以当传递的数据过大的时候,... -
layer.open 子页面弹出层向父页面传输数据的例子
2020-12-13 10:25:07obj可以调用子页面的方法,这样就可以通过子页面传递数据了。 $('#addQuota').on('click',function(){ layer.open({ type : 2, title : "子页面", resize : true, shadeClose : false, shade : 0, maxmin : ... -
使用LayUI操作数据表格
2021-01-13 17:51:28原文:https://www.cnblogs.com/jingch/p/7620075.html接着上一篇继续完善我们的demo,这次我们加一个搜索按钮搜索在table标签的上方,加入这样一组html搜索商户:搜索在js加入初始化代码和定义加载方法layui.use('... -
前端请求后端,后端查询完毕传到前端 ,用layui 将 数据分页
2020-12-20 19:02:39前端:我用的是layui框架的分页js 文件layui.config({base : "script/"}).use(['form','layer','jquery','laypage'],function(){var form = layui.form(),layer = parent.layer === undefined ? layui.layer : ... -
LayUI:做页面窗体的参数传递时遇到的坑
2022-03-11 22:24:02写完一个计算机信息录入的页面后,用户开始使用了。 为了方便用户快捷录入,用户如果选择某一类型的计算机比如联想ThinkCentre M7131z的计算机,那么程序应该将这个型号计算机的出厂类型、生产日期、生产商、CPU... -
layui-layer父子页面传值
2021-05-17 15:20:46使用layui的layer独立组件实现父子页面传值。 -
layui 从父页面向子页面传值,获取子页面的元素
2022-03-15 11:29:34layer.open({ type: 2, title: '推送-[[${session.shortName}]]', area: ['516px', '450px'], content: '/...//少了这个是不能从父页面向子页面传值的 body.contents().find("#resId").val([[${resId}]]); } }); -
layui子弹窗(子页面)像父页面传递数值
2020-06-22 14:47:361、子页面分析数据,将值传给父级页面的函数。 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,961
精华内容
784