Ext.Message.show()窗口覆盖问题

最新推荐文章于 2024-01-06 23:30:00 发布

漢月

最新推荐文章于 2024-01-06 23:30:00 发布

阅读量600

点赞数

本文链接：https://blog.csdn.net/zhanchifei87/article/details/86035850

版权

项目中要解决的问题，弹出窗口在主窗口下显示，所以使用到窗口管理器;

代码大部分从网上找的，草草地做了一些修改，使弹出窗在最上方显示;

时间问题以后深入了解，发现的问题有：

1.mess里面配置manager:winGrp没效果;

2.register方法内参数换成Ext.getCmp()会报错;

3.下面5个窗口不需要注册到窗口管理器中;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/theme-neptune-all.css">
    <script src="js/ext-all.js"></script>
    <script src="js/theme-neptune.js"></script>
    <script src="js/locale-zh_CN.js"></script>
</head>
<body>
    <script>
        Ext.onReady(function(){
            //Ext.ZIndexManager 即Ext.WindowGroup 的方法介绍
            //创建管理器
            var winGrp=new Ext.WindowGroup();
            var mess=Ext.MessageBox.show({
                title: "提醒",
                msg: "是否确定撤销",
                buttons:Ext.Msg.OKCANCEL,
                icon:Ext.Msg.INFO,
                modal: true
            });
            winGrp.register(mess);

            
            for(var i =1;i<=5;i++){
                var win=new Ext.Window({
                    id:'win_'+i,
                    title:'窗口'+i,
                    width:400,
                    height:400,
                    renderTo:Ext.getBody()
                });
                win.show();
            }
            winGrp.bringToFront(mess);
        });
    </script>
    <div id="123" style="margin: 200px auto;border:1px solid red"></div>
</body>
</html>

漢月

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ext.Message.show()窗口覆盖问题

项目中要解决的问题，弹出窗口在主窗口下显示，所以使用到窗口管理器;代码大部分从网上找的，草草地做了一些修改，使弹出窗在最上方显示;时间问题以后深入了解，发现的问题有：1.mess里面配置manager:winGrp没效果;2.register方法内参数换成Ext.getCmp()会报错;3.下面5个窗口不需要注册到窗口管理器中;&lt;!DOCTYPE html&gt;...
复制链接

扫一扫