繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ExtJS Window 最小化的一种方法
- Javascript
- JavaScript事件驱动及事件处理
- JavaScript教程：JavaScript函数
- JavaScript程序控制流
- JavaScript制作滚动文本效果
- JavaScript教程：表达式和运算符
- JavaScript教程：基本数据类型
- JavaScript教程：网页中加入JavaScript
- JavaScript教程:编写一个简单的JavaScript程序
- JavaScript教程:JavaScript程序运行环境
- JavaScript教程:JavaScript和Java的区别
- JavaScript教程：什么是JavaScript？
- JavaScript教程：对象的基础知识
- JavaScript教程:JS的语句及语法
- JavaScript教程:常用对象的属性和方法
- JavaScript教程:基于对象的JS语言范例
- JavaScript教程:对象的定义
- JavaScript教程:创建对象实例
- JavaScript教程:对象方法的使用
- JavaScript教程:JavaScript中的数组
- JavaScript教程:JS中创建新对象范例
Javascript 中的 ExtJS Window 最小化的一种方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 681 ::
收藏到网摘: 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();
}
评论 (0) All
