学习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实现在小方框中浏览大图的代码
Aug 14 Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
jQuery四种选择器使用及示例
Jun 05 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
详解vue项目打包步骤
Mar 29 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
vue实现防抖的实例代码
Jan 11 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
杏林同学录(四)
2006/10/09 PHP
php 输出双引号"与单引号'的方法
2010/05/09 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
php面向对象值单例模式
2016/05/03 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
php接口隔离原则实例分析
2019/11/11 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
vue实现简单的日历效果
2020/09/24 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python入门学习之字符串与比较运算符
2015/10/12 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
详解python基础之while循环及if判断
2017/08/24 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
Notino法国:购买香水和化妆品
2019/04/15 全球购物
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
保证书格式范文
2014/04/28 职场文书
2014年采购员工作总结
2014/11/18 职场文书