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);
});