学习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生成的html出现样式问题的解决方法
Apr 16 Javascript
JQuery 中几个类选择器的简单使用介绍
Mar 14 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 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
Notice: Undefined index: page in E:\PHP\test.php on line 14
2010/11/02 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
JSQL  一个 web DB 的封装
2010/05/05 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
javascript读写json示例
2014/04/11 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
如何利用python查找电脑文件
2018/04/27 Python
python ChainMap的使用和说明详解
2019/06/11 Python
python elasticsearch环境搭建详解
2019/09/02 Python
Python socket模块方法实现详解
2019/11/05 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
大学生实习思想汇报
2014/01/12 职场文书
工作个人的自我评价
2014/01/14 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
2014年检验员工作总结
2014/11/19 职场文书
捐款通知怎么写
2015/04/24 职场文书
出生证明范本
2015/06/15 职场文书
检讨书之工作不认真
2019/08/14 职场文书
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
Python安装使用Scrapy框架
2022/04/12 Python