学习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 相关文章推荐
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
Vuejs通过拖动改变元素宽度实现自适应
Sep 02 Javascript
React实现评论的添加和删除
Oct 20 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
如何对PHP程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
基于node实现websocket协议
2016/04/25 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
js实现限定区域范围拖拉拽效果
2020/11/20 Javascript
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
大学生英语演讲稿
2014/04/24 职场文书
师德师风承诺书
2014/05/23 职场文书
城管执法人员个人对照检查材料思想汇报
2014/09/29 职场文书
如何写辞职书
2015/02/26 职场文书
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers