学习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 Array对象基础知识小结
Nov 16 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 Javascript
Node 模块原理与用法详解
May 13 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
学习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
第二节--PHP5 的对象模型
2006/11/16 PHP
php中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
Textarea根据内容自适应高度
2013/10/28 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
2016/03/16 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
Vue.js 表单控件操作小结
2018/03/29 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
使用Python进行目录的对比方法
2018/11/01 Python
实例介绍Python中整型
2019/02/11 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
Django如何批量创建Model
2020/09/01 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
请介绍一下Ant
2016/07/22 面试题
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
数字天堂软件测试面试题
2012/12/23 面试题
护士节慰问信
2015/02/15 职场文书
三好学生竞选稿范文
2019/08/21 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python