layui怎样将响应数据展示在页面_layui给layer弹出层如何传值?

本文介绍了在使用layui框架时,如何在点击表格行按钮后,通过layer弹出层显示当前行详细信息的问题。文章讨论了利用layer.getChildFrame方法获取iframe中的元素并设置值,但遇到了无法正常工作的困扰,并给出了作者尝试实现的代码段。
摘要由CSDN通过智能技术生成

使用layui框架时,在点击表格中的按钮时,显示当前行的信息至layer弹出层.

在点击查看或者编辑按钮时,会有一个弹出框

我这里用的是layui的外链页面的形式引入的页面

这种方式,引入页面后,浏览器加载,直接将这个外链的弹窗解释称iframe了

现在我需要将点击的那一行的每个信息展示在弹窗中,这就涉及到传参

之前有看layui的文档,layer.getChildFrame(selector, index) 这个方法有用过,但是效果没有出来,也查了相关资料,发现写的都差不多,不知道哪儿出了问题。望大神予以解答。

这是官方文档的处理方式:

layer.open({

type: 2,

content: 'test/iframe.html',

success: function(layero, index){

var body = layer.getChildFrame('body', index);

var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();

console.log(body.html()) //得到iframe页的body内容

body.find('input').val('Hi,我是从父页来的')

}

});

下面是我写的:

layui.use(['layer', 'form'], function(){ //独立版的layer无需执行这一句

var $ = layui.jquery, layer = layui.layer, form = layui.form; //独立版的layer无需执行这一句

layer.open({

type: 2

,title: ['查看信息'] //不显示标题栏

,closeBtn: 1

,area: ['400px', '500px']

,shade: 0.4

,id: 'LAY_layuipro7' //设定一个id,防止重复弹出

,btn: ['确定']

,btnAlign: 'c'

,moveType: 1 //拖拽模式,0或者1

,content:'../../../html/iframes/company/check-layer.html'

,success:function(layero, index){

var body = layer.getChildFrame('body', index);

var iframeWin = window[layero.find('iframe')[0]['name']];

body.find('.personId').val(data.id)

body.find('.personName').val(data.name)

body.find('.sex').val(data.sex)

body.find('.city').val(data.city)

body.find('.sign').val(data.sign)

body.find('.score').val(data.score)

}

})

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值