ExtJS Window 最小化的一种方法

ExtJS 中Window的窗口最大化只需将maximizable属性设置为true即可,点击最大化按钮就可以将窗体最大化,最小化的操作类似将minimizable设置为true,即可以看到窗体的最小化按钮,但是点击此按钮并不会出发任何操作,Ext没有为窗口预设最小化的任何操作,需要自己自定义最小化功能。

下面是通过重新它的minimize函数来实现的一种最小化方法:
HTML:

复制代码 代码如下:


<input type="button" value="OpenWin" />
<div></div>
<a href="javascript:openWin();">恢复</a>


JS:

复制代码 代码如下:


function openWin()
{
if(!win)
{
win = new Ext.Window({
title:"弹出窗口",
el:"divWin",
width:500,
height:300,
constrain:true,
maximizable:true,
closeAction:'hide',
minimizable:true
});

win.minimize = function(e)
{
this.hide();
Ext.get("aRestore").show();
}
}
win.show(Ext.get("btn"));
Ext.get("aRestore").hide();
}

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjyyyy.html