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

Javascript
JavaScript 语言精粹学习笔记
有关div页面拖动、缩放、关闭、遮罩效果代码
JQuery this 和 $(this) 的区别
JS 时间显示效果代码
jquery 表单进行客户端验证demo
JS 获取span标签中的值的代码 支持ie与firefox
JavaScript 获取用户客户端操作系统版本
可以读取EXCEL文件的js代码
JS去除字符串的空格增强版(可以去除中间的空格)
监控用户是否关闭浏览器的js代码
javascript 继承实现方法
JSON 入门指南 想了解json的朋友可以看下
javascript 函数调用规则
动态表格Table类的实现
JSON 客户端和服务器端的格式转换
jQuery ui1.7 dialog只能弹出一次问题
javascript 遍历验证所有文本框的值
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
javascript 简练的几个函数
csdn 博客中实现运行代码功能实现

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 677 ::
收藏到网摘: 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();
}