学习ExtJS Window常用方法


Posted in Javascript onOctober 07, 2009

一、属性
plain:布尔类型,true表示强制与背景色保持协调,默认值为false。
resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小。
maxinizable:布尔类型,true表示显示最大化按钮,默认值为false。
maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false。
closable:布尔类型,true表示显示关闭按钮,默认值为true。
bodyStyle:与边框的间距,如:bodyStyle:"padding:3px"。
buttonAlign:窗体中button的对齐方式(left、center、right),默认值为right。
closeAction:"close"释放窗体所占内存,"hide"隐藏窗体,建议使用"hide"。

二、方法
show:打开窗体。
hide:隐藏窗体。
close:关闭窗体。

三、事件
show:打开窗体时触法。
hide:隐藏窗体时触法。
close:关闭窗体时触法。

四、应用举例

Ext.onReady(function(){ 
var _window=new Ext.Window({ 
title:"登陆", 
renderTo:Ext.getBody(), 
frame:true, 
plain:true, 
resizable:false, 
buttonAlign:"right", 
closeAction:"hide", 
maximizable:true, 
closable:true, 
bodyStyle:"padding:4px", 
width:310, 
height:230, 
layout:"form", 
lableWidth:45, 
defaults:{xtype:"textfield",width:180}, 
items:[{fieldLabel:"帐号"},{fieldLabel:"密码"}], 
buttons:[{text:"确定"},{text:"取消",handler:function(){_window.hide();}}], 
listeners:{ 
"show":function(){ 
alert("显示"); 
}, 
"hide":function(){ 
alert("隐藏"); 
}, 
"close":function(){ 
alert("关闭"); 
} 
} 
}) 
_window.show(); 
})
Javascript 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
js关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
学习ExtJS Panel常用方法
Oct 07 #Javascript
学习ExtJS TextField常用方法
Oct 07 #Javascript
学习ExtJS(二) Button常用方法
Oct 07 #Javascript
学习ExtJS(一) 之基础前提
Oct 07 #Javascript
JavaScript 浮点数运算 精度问题
Oct 06 #Javascript
面向对象的javascript(笔记)
Oct 06 #Javascript
js removeChild 障眼法 可能出现的错误
Oct 06 #Javascript
You might like
PHP的Socket网络编程入门指引
2015/08/11 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
token 机制和实现方式
2020/12/15 Javascript
python之yield表达式学习
2014/09/02 Python
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
德国网上宠物店:Zoobio
2018/05/23 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
台湾良兴购物网:EcLife
2019/12/01 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
如何利用cmp命令比较文件
2013/09/23 面试题
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
教师档案管理制度
2014/01/23 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
2014年党总支工作总结
2014/12/18 职场文书
停电调休通知
2015/04/16 职场文书
三八节活动简报
2015/07/20 职场文书
2016春节放假通知范文
2015/08/18 职场文书
演讲稿之我的初心我的成长
2019/08/12 职场文书