项目中要解决的问题,弹出窗口在主窗口下显示,所以使用到窗口管理器;
代码大部分从网上找的,草草地做了一些修改,使弹出窗在最上方显示;
时间问题以后深入了解,发现的问题有:
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>