学习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 相关文章推荐
页面中js执行顺序
Nov 09 Javascript
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
简单了解TypeScript中如何继承 Error 类
Jun 21 Javascript
JavaScript实现登录窗体
Jun 22 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数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
js对象的比较
2011/02/26 Javascript
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
JS实现图片居中悬浮效果
2017/12/25 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
JS实现图片拖拽交换效果
2018/11/30 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
python3 map函数和filter函数详解
2019/08/26 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
海南地接欢迎词
2014/01/14 职场文书
任长霞观后感
2015/06/16 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android