ExtJS Window 最小化的一种方法
更新时间：2009年11月18日 20:05:34 作者：
ExtJS 中Window的窗口最大化只需将maximizable属性设置为true即可，点击最大化按钮就可以将窗体最大化，最小化的操作类似将minimizable设置为true，即可以看到窗体的最小化按钮，但是点击此按钮并不会出发任何操作，Ext没有为窗口预设最小化的任何操作，需要自己自定义最小化功能。
下面是通过重新它的minimize函数来实现的一种最小化方法：
HTML：
<input type="button" id="btn" value="OpenWin" onclick="openWin();" />
<div id="divWin"></div>
<a href="javascript:openWin();" id="aRestore" style="display:none">恢复</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();
}
HTML：
复制代码 代码如下:
<input type="button" id="btn" value="OpenWin" onclick="openWin();" />
<div id="divWin"></div>
<a href="javascript:openWin();" id="aRestore" style="display:none">恢复</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();
}
相关文章
本文为大家介绍下extjs4 treepanel如何动态改变行高度，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
ExtJS Window常用方法,需要的朋友可以参考下。2009-10-10
基于ExtJs在页面上window再调用Window的事件处理方法
下面小编就为大家带来一篇基于ExtJs在页面上window再调用Window的事件处理方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
ExtJS accordion布局使用说明，需要的朋友可以参考下。2009-10-10
在本文将介绍TreePanel组件非常有意思的一个功能：结点拖放。要使TreePanel组件的结点可以拖放非常简单，只需要将TreePanel类的enableDD选项参数设为true即可。当然，要想实现更复杂的功能，还需要配合其他的参数和事件。2010-08-08
由后台返回的json的日期时间格式中，往往都是 类似 "\/Date(1309200300000)\/"的日期时间格式，结果导致无法正常在TimeField中显示2011-06-06
解决Extjs4中form表单提交后无法进入success函数问题
form表单提交后无法进入success函数的问题，很是常见，下面有个不错的解决方法，感兴趣的朋友可以参考下2013-11-11
ExtJS4 Grid改变单元格背景颜色及Column render学习
利用的是Column的render实现单元格背景颜色改变,本文给予了实现代码，感兴趣的朋友可以了解下，或许对你学习ExtJS4 Grid有所帮助2013-02-02
本文接着上讲Extjs学习笔记之二 Extjs之Form介绍Extjs的表单。Extjs除了类似普通的html form的表单项之外，还有一些功能更为丰富实用的表单项。2010-01-01
Extjs的FileUploadField文件上传出现了两个上传按钮
Extjs的FileUploadField文件上传在页面中出现了两个上传按钮，这个是和ext的本身css的样式有关系，所以要将样式修改下2014-04-04
最新评论