员工列表页面有“新增员工”按钮,点击后会弹出“新增员工”窗口,具体使用layui2.6.8的layer.open弹出新的iframe窗口实现,但是按照官网提供的解决方案iframe窗口无法关闭,感觉在弹出窗口中layer不起作用了。而且每点击“新增员工”弹出层索引在不断增加。
官网提供的关闭iframe弹出窗口方案:
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
员工列表html:
<body>
<form class="layui-form" action="">
<div class="layui-container">
<div class="layui-form-item">
<label class="layui-form-label">输入框label>
<div class="layui-input-block">
<input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
div>
div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交button>
<button type="reset" class="layui-btn layui-btn-primary">重置button>
div>
div>
div>
form>
<script>
//Demo
layui.use(['form', 'layer'], function() {
var form = layui.form,
layer = layui.layer;
//提交
form.on('submit(formDemo)', function(data) {
layer.msg(JSON.stringify(data.field),{title:'您提交的数据为:'});
**//以下2句不好用呢???**
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
return false;
});
});
script>
body>
补充:前面代码为弹窗html,如下是员工列表html