2021-11-22 工作记录--LayUI-子页面调用父页面的方法

于 2021-11-23 22:33:49 发布
阅读量406 收藏 1
点赞数 3
分类专栏： 工作-LayUI 文章标签： 前端 layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48850734/article/details/121504618
版权

LayUI-子页面调用父页面的方法

父页面：

window.函数名 = function() {
	。。。
}

子页面：

window.parent.函数名();

举例：
实现： 关闭layer弹窗(子页面)后，刷新(父页面里的)表格

代码：
在这里插入图片描述
子页面是：layer弹窗打开的页面
在这里插入图片描述

小呀小萝卜儿
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
窗口函数（Window Function）
彳亍
02-15 1406
窗口函数（Window Function）指的是对于查询结果的每一行，使用与该行相关的所有行，进行函数计算，可得到新的数据列。 对于大多数聚合函数（如 min, max, count, sum, avg 等），如果其后紧跟 over 语句，就会作为窗口函数执行。
webfrom-父页面调用子页面的方面，刷新列表.pdf
08-21
Response.Write("[removed]alert('更新成功！')[removed]"); Response.Write("[removed]window.close();[removed]"); Response.Write("[removed] window.opener.getInfo();[removed]");...
layui之 子页面关闭刷新父页面（亲身测试，很实用）
COCOLI_BK的博客
02-24 7107
layui - 子页面刷新父页面页面    parent.layui.table.reload('educationReload',{page:{curr:1}}); 子页面主要代码块 /* 表单提交 */ form.on('submit(component-form-element)', function (data) { $.ajax({ ...
layui 子页面调用父页面方法 layer.open modal 关闭时调用父类方法
vransy的博客
11-04 1679
延迟一秒后关闭弹窗 并执行父类方法 setTimeout(function () { // 因为使用layui弹出 所以需要引用 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
关于layui iframe弹出层 父页面与子页面
Khun_HWJ的博客
05-26 3587
1、layer弹框父页面调用子页面的方法 var minSpeak = layer.open({ type: 2, min: function(){ $('.layui-layer').css({ 'top': 'auto', 'left': 'auto', 'bottom': '27px', 'right': '0' }) }, success: func...
layui 使用iframe调用父页面的方法
csdn_chengpeng的博客
11-07 3501
使用layui弹出框组件打开的iframe页面，有时会出现父页面找不到的情况，在这种情况下使用 parent.方法名 调用父页面方法时，页面会进行报错：方法名 is not function。 解决的办法： 在父页面使用windwo定义一个全局的方法 //用来供子页面成功后调用 window.success = function(){ renderCardData(); ...
springboot-layui调用文件服务器接口实现文件上传下载.docx
05-08
springboot-layui 调用外部文件服务器实现上传下载功能
NGUI Next-Gen UI v2021.11.30
09-30
NGUI 是一款非常强大的 UI 系统和事件通知框架。 功能 - 编辑器集成，所见即所得 - 本地化、数据绑定、委托、事件 ...- 制作进行 1 次绘制调用的 UI - 随附完整的 C# 源代码 - 已广泛优化 - 专门团队支持
Vue element-ui父组件控制子组件的表单校验操作
10-15
主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
mui-子页面调用父页面方法
06-11
MUI: 最接近原生APP体验的高性能前端框架... 可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线
layui框架中layer父子页面交互的方法分析
11-27
本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考，具体如下： layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/ 可以从官网上下载最新版本。 还可点击此处本站下载。 当layer以iframe层的方式弹出新的窗口（子页面），如何在子页面中访问父页面的元素和函数。 1、访问父页面元素值 var parentId=parent.$("#id").val();//访问父页面元素值 2、访问父页面方法 var parentMethodValue=parent.getMethodValue();//访问父页面方
layer.open关闭父窗口 以及调用父页面的方法
12-10
实例如下： //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO } 以上这篇layer.open关闭父窗口 以及调用父页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希
layui 子窗口获取父窗口数据
linnnnnnn的博客
07-30 2231
//这里设置一个空的json串，用于接受表格的行信息 var json; layui.use('table', function(){ var table = layui.table; //监听工具条 table.on('tool(demo)', function(obj){ var data = obj.data; if(obj.event === 'find'){ //这行是监听到的表格行数据信息，复制给json全局变量。 json = JSON.str.
理解区块链
weixin_44858076的博客
09-23 354
本文章由老师所上课的内容，加上自己的理解，作为总结写出，并且会提出自己的一些疑问。（疑问会随着进一步学习不断解决） 总结 1.要理解区块链，需要理解Cryptography(密码学),Economics（经济学),Ditributed systems(分布式系统)三部分的内容 1.金融危机，国家灾难都证明了银行或者某一个中心都不是一定可以相信的,因此需要去中心化 2.A new digital currency aims to change the finnancial system should ru
Layer/jquery获取父窗口的元素
夏已微凉、
10-13 1837
一、描述二、分析三、参考 一、描述 如图，我们要在 消息中心 选项卡中 改变 消息提示框（铃铛）旁边的未读消息数量。 二、分析 未读数量 html 代码，参考地址 Layui官方文档 - 页面元素 - 徽章 <!-- 未读消息数 --> <span class="layui-badge" style="display: none" id="not-read-msg-count"></span> 由于 消息提示框（铃铛图标）属于header ，消息中心选项卡 .
layUI 父页面获取子页面的变量（数据）
u012967454的博客
12-27 5709
layer.open({ title: '选择商品', type: 2, area:['70%','600px'] ,content: ''+prefix +'/addGoods?supplier='+suppliers+'&amp;depot='+stock+'...
在Layui 的表格模板中，实现layer父页面和子页面传值交互！
热门推荐
你要悄悄的拔尖，然后惊艳所有人
09-05 2万+
最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值传给子页面，子页面拿到值后，进行业务处理，从而实现真正的父子页面交互。 其实，官方文档都说的很清楚了。 layui官方文档：http://layer.layui.com/ 使用版本：2.3.0 ...
html父页面向子页面传值(layui获取父页面表格数据填入子页面中)
weixin_51437526的博客
01-22 1002
场景：父页面为第一级栏目的列表展示数据，子页面为父页面对应栏目页下面的详细数据，用户通过点击父页面每一行的“查看详细”按钮触发弹窗， 弹窗进行数据展示，弹窗效果用的layer.open，子页面为一个单独的detail页面，所以父子页面需要传递唯一值来进行数据展示 父页面代码 table.on('tool(test)', function(obj){ if(obj.event === 'edit'){ var data=ob
父组件调用子组件a-modl确定按钮方法
最新发布
09-02
在Vue中，要实现父组件调用子组件的方法，需要使用ref属性来获取子组件的引用，然后通过该引用来调用子组件的方法。具体步骤如下： 1. 在父组件的模板中，给子组件添加ref属性，例如`<child-component ref=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小呀小萝卜儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值