学习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函数的延迟加载实现代码
Oct 11 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
Javascript之Math对象详解
Jun 07 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
简单谈谈gulp-changed插件
Feb 21 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
详解javascript replace高级用法
Feb 17 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
微信小程序的引导页实现代码
Jun 24 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
PHP4在Windows2000下的安装
2006/10/09 PHP
php调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
php使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
php封装一个异常的处理类
2017/06/08 PHP
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
jQuery设计思想
2017/03/07 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
Python使用MONGODB入门实例
2015/05/11 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
python简单商城购物车实例代码
2018/03/15 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
最新销售员个人自荐信
2013/09/21 职场文书
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
新店开张活动方案
2014/08/24 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
详解Oracle块修改跟踪功能
2021/11/07 Oracle