24
06月
2021
本文详细介绍了如何在弹窗中实现最大最小化功能,通过设置`maxmin: true`可以启用该功能。同时,讲解了`ew-event`事件绑定用于关闭弹窗的不同方法,包括`closeDialog`、`closeIframeDialog`等智能关闭选项。另外,提供了关闭弹窗的备用方式,通过`parent.layer.close(index)`来关闭指定窗口。
maxmin - 最大最小化。
layer.open({ type: 2, maxmin: true, // 最大最小化 title: '标题', content: Feng.ctxPath + '/xxx/xxx', end: function () { //请求完成后的操作 } });
var index = layer.open({ type: 2, maxmin: true, title: '标题', content: Feng.ctxPath + '/xxx/xxx', }); layer.full(index); 或者 top.layui.layer.full(index);
ew-event - 关闭当前弹窗
<button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">取消</button>
closeDialog | 关闭当前弹窗(智能) |
closeIframeDialog | 关闭当前iframe层弹窗 |
closePageDialog | 关闭当前页面层弹窗 |
closeThisTabs | 关闭当前选项卡 |
closeOtherTabs | 关闭其他选项卡 |
closeAllTabs | 关闭全部选项卡 |
// 取消按钮点击事件 $('#cancel').click(function () { //关闭窗口 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); });