学习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 相关文章推荐
jquery操作select option 的代码小结
Jun 21 Javascript
js模仿hover的具体实现代码
Dec 30 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
Vue项目中ESlint规范示例代码
Jul 04 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
简单的过滤字符串中的HTML标记
2006/12/25 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python装饰器decorator用法实例
2014/11/10 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
基于python指定包的安装路径方法
2018/10/27 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
django将数组传递给前台模板的方法
2019/08/06 Python
Python调用.NET库的方法步骤
2019/12/27 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
python属于软件吗
2020/06/18 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
美国在线家具网站:GDFStudio
2021/03/13 全球购物
税务干部鉴定材料
2014/02/11 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
事业单位个人总结
2015/02/12 职场文书
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL