当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ExtJS Window 最小化的一种方法

Javascript
javascript之循环停顿上下滚动
textarea保留换行的注意事项
不错的一篇关于javascript-prototype继承
非常不错的三种简洁的Tab导航(网页选项卡)简析
一个用js实现控制台控件的代码
【消息提示组件】,兼容IE6/7&&FF2
一个符号插入器 中用到的js代码
js中的escape及unescape函数的php实现代码
用javascript实现画板的代码
比较实用的复选框的实用javascript脚本
js下获得单选框的值的代码
IE不出现Flash激活框的小发现的js实现方法
超强的IE背景图片闪烁(抖动)的解决办法
“不能执行已释放的Script代码”错误的原因及解决办法
javascript下过滤数组重复值的代码
javascript在firefox下设为首页的代码
一直都需要的复制到系统剪贴板之IE,firefox兼容版
js类中获取外部函数名的方法与代码
JS类定义原型方法的两种实现的区别评论很多
一实用的实现table排序的Javascript类库

Javascript 中的 ExtJS Window 最小化的一种方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 737 ::
收藏到网摘: n/a

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();
}