var win = new Ext.Window({
modal : true,
title : "Ext-Window",
maximizable : true,
monitorResize:true,
draggable:false, // 禁止移动
resizable : false,
maximizable:false, // 禁止最大化
layout : 'fit',
plain:true,
buttonAlign : 'right',
listeners:{
close:function(w){
w.container.removeClass("x-window-maximized-ct"); //显示滚动条
w.restore(); // 关闭窗口前先还原,滚动条才不会消失
},
maximize:function(w){
//最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化
w.setPosition (document.body.scrollLeft,document.body.scrollTop);
}
}
});
win.show();
win.container.addClass('x-window-maximized-ct'); // 隐藏浏览器滚动条
win.setPosition(0, 0);
win.fitContainer(); // 填充满浏览器
Ext.EventManager.onWindowResize(function(a,b){
var win = Ext.getCmp("window");
if(win == undefined){
return;
}
win.setPosition(0, 0);
win.fitContainer();
});
modal : true,
title : "Ext-Window",
maximizable : true,
monitorResize:true,
draggable:false, // 禁止移动
resizable : false,
maximizable:false, // 禁止最大化
layout : 'fit',
plain:true,
buttonAlign : 'right',
listeners:{
close:function(w){
w.container.removeClass("x-window-maximized-ct"); //显示滚动条
w.restore(); // 关闭窗口前先还原,滚动条才不会消失
},
maximize:function(w){
//最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化
w.setPosition (document.body.scrollLeft,document.body.scrollTop);
}
}
});
win.show();
win.container.addClass('x-window-maximized-ct'); // 隐藏浏览器滚动条
win.setPosition(0, 0);
win.fitContainer(); // 填充满浏览器
Ext.EventManager.onWindowResize(function(a,b){
var win = Ext.getCmp("window");
if(win == undefined){
return;
}
win.setPosition(0, 0);
win.fitContainer();
});
本文介绍如何使用 ExtJS 创建一个自定义的模态窗口,并详细解释了如何禁用窗口的移动、调整大小及最大化功能。此外,还展示了如何监听窗口的关闭与最大化事件,以及如何在窗口最大化时进行定位调整。
1140

被折叠的 条评论
为什么被折叠?



