在编写运维平台工程中,有一个需求:点击表格行工具的编辑按钮,弹出iframe子页面,并赋值初始值实现编辑功能,
参考其他大佬的文档,最终实现功能
先看父页面的数据表格图
当点击编辑按钮时,弹出子窗口并赋值
#行工具栏代码
<script type="text/html" id="trtool">
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑信息</a>
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除用户</a>
</script>
<table class="layui-hide" id="user" lay-filter="table_user"></table>
/**
* 监听表格行工具事件
*/
//监听表格行工具事件
table.on('tool(table_user)', function(obj){
//table_user为表格的lay-filter的值
//获取当前操作的tr的相关数据
var data = obj.data;
console.log(data)
//判断事件名,做出不同的操作
if(obj.event === 'edit'){
layer.open({
title: '编辑用户',
type: 2,
shade: 0.2,
maxmin:true,
shadeClose: true,
area: ['50%', '50%'],
content: '/user/edit/',
success: function(layero, index){
// #aaa 表示的是弹出子页面的div的id值,
var div = layero.find('iframe').contents().find