学习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 相关文章推荐
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
javascript 快速排序函数代码
May 30 Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
简单的分页代码js实现
May 17 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
Highcharts入门之简介
Aug 02 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
深入研究React中setState源码
Nov 17 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
Vue组件跨层级获取组件操作
Jul 27 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 echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
PHP实现的简单sha1加密功能示例
2017/08/27 PHP
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
js同源策略详解
2015/05/21 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
AngularJS学习笔记之依赖注入详解
2016/05/16 Javascript
AngularJS模仿Form表单提交的实现代码
2016/12/08 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
python django 访问静态文件出现404或500错误
2017/01/20 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
网络技术专业求职信
2014/02/18 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
个人委托书范本
2014/09/13 职场文书
起诉书格式范文
2015/05/20 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
六五普法学习心得体会
2016/01/21 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL