学习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 设置选中行的样式的实现代码
May 24 Javascript
jquery插件制作教程 txtHover
Aug 17 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
javascript实现前端input密码输入强度验证
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
php上的memcache和memcached两个pecl库
2010/03/29 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
js对象转json数组的简单实现案例
2014/02/28 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
ReactNative 之FlatList使用及踩坑封装总结
2017/11/29 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
vue父组件给子组件的组件传值provide inject的方法
2019/10/23 Javascript
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
用Python逐行分析文件方法
2019/01/28 Python
Tensorflow:转置函数 transpose的使用详解
2020/02/11 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
NYX Professional Makeup俄罗斯官网:世界知名的化妆品品牌
2019/12/26 全球购物
数据库什么时候应该被重组
2012/11/02 面试题
毕业生个人求职的自我评价
2013/10/28 职场文书
晚会主持词开场白
2014/03/17 职场文书
《春雨》教学反思
2014/04/24 职场文书
中药学自荐信
2014/06/15 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
个人作风建设心得体会
2014/10/22 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
高中军训感想
2015/08/07 职场文书
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS
python解析json数据
2022/04/29 Python