Let's go

EasyUI 多个弹出框 设置z-index无效处理

css 设置无效,默认为9001

案例

// 创建一个EasyUI窗口
$('#myWindow').window({
    title: 'My Window',
    width: 500,
    height: 300,
    modal: true, // 开启遮罩层
    shadow: true, // 开启阴影
    onOpen: function () {
        // 获取窗口的DOM对象
        var windowDom = $(this).window('panel').panel('panel');
        // 设置窗口的zIndex
        windowDom.css('z-index', 1000);
        // 获取遮罩层和阴影的DOM对象
        var modalDom = $('.modal-overlay');
        var shadowDom = $('.window-shadow');
        // 设置遮罩层和阴影的zIndex,确保它们总是高于窗口
        modalDom.css('z-index', 1000);
        shadowDom.css('z-index', 1001); // 阴影的zIndex比窗口高1
    }
});

使用

 $("#parent_win1").window({
                width: 600,
                height: 400,
                href: '/ButtJointAreas/GatherConfig/OprView?taskId=' + taskId + "&id=" + id,
                title: '修改',
                draggable: false,     //定义是否能够拖拽窗口。默认值为 true。
                resizable: false,     //定义是否能够改变窗口大小。默认值为true。
                onOpen: function () {
                    var windowDom = $(this).window('panel');
                    windowDom.css('z-index', 9100);
                }
            });
View Code

 

弹窗其他使用:https://www.cnblogs.com/adc8868/p/6656568.html

posted @ 2024-06-19 11:15  chenze  阅读(22)  评论(0编辑  收藏  举报
有事您Q我