24 06 2021

本文详细介绍了如何在弹窗中实现最大最小化功能,通过设置`maxmin: true`可以启用该功能。同时,讲解了`ew-event`事件绑定用于关闭弹窗的不同方法,包括`closeDialog`、`closeIframeDialog`等智能关闭选项。另外,提供了关闭弹窗的备用方式,通过`parent.layer.close(index)`来关闭指定窗口。

maxmin - 最大最小化。

该参数值对type:1type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

layer.open({
            type: 2,
            maxmin: true,   // 最大最小化
            title: '标题',
            content: Feng.ctxPath + '/xxx/xxx',
            end: function () {
              //请求完成后的操作
              
            }
        });

LAYUI LAYER.OPEN弹层默认打开就是最大化

默认窗口最大化

				var index = layer.open({
					type: 2,
					maxmin: true,
                    title: '标题',
                    content: Feng.ctxPath + '/xxx/xxx',
				  });
				layer.full(index);
或者
				top.layui.layer.full(index);


ew-event - 关闭当前弹窗

参考来源:ew-event事件绑定

<button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">取消</button>


ew-event="closeDialog" 关闭当前弹窗(智能)

closeDialog关闭当前弹窗(智能)
closeIframeDialog关闭当前iframe层弹窗
closePageDialog关闭当前页面层弹窗
closeThisTabs关闭当前选项卡
closeOtherTabs关闭其他选项卡
closeAllTabs关闭全部选项卡


另一种关闭弹窗的方式

 // 取消按钮点击事件
    $('#cancel').click(function () {
        //关闭窗口
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    });


延伸阅读