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

最近,在项目中使用到了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互。

创新互联自2013年起,先为邯郸等服务建站,邯郸等地企业,进行企业商务咨询服务。为邯郸企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

其实,官方文档都说的很清楚了。

layui官方文档:http://layer.layui.com/

使用版本:2.3.0

只是,需要我们耐心的读懂文档内容,然后根据自己的业务情况,实现自己想要的效果。

一、子页面获取父页面数据

子页面,要获取父页面的内容,需要使用到layui的一个关键字:parent。通过parent,子页面就可以获取到父页面上的数据了。

例子:从父页面的表格中,点击行的操作按钮,弹出layer层,并将该行的数据传给layer层。

角色ID 角色名称 角色描述 创建时间 更新时间 操作

网站名称:在Layui的表格模板中,实现layer父页面和子页面传值交互的方法-创新互联
分享网址:http://hxwzsj.com/article/cdjhcs.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 商城网站建设 成都网站建设 成都网站建设 网站设计公司 成都模版网站建设 移动网站建设 企业网站制作 高端网站设计 网站制作 外贸网站建设 网站建设 自适应网站设计 手机网站制作 成都网站建设 网站建设方案 网站建设方案 手机网站建设 营销型网站建设 盐亭网站设计 网站制作 企业手机网站建设 成都网站建设