学习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去除重复字符串两种实现方法
Jan 09 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
vue项目实现分页效果
Mar 24 Vue.js
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
JavaScript阻止事件冒泡的方法
Dec 06 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书写安全的脚本代码
2012/02/05 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
AngularJS学习笔记之基本指令(init、repeat)
2015/06/16 Javascript
理解javascript闭包
2015/12/15 Javascript
js获取上传文件的绝对路径实现方法
2016/08/02 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
详解从Vue-router到html5的pushState
2018/07/21 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
使用python遍历指定城市的一周气温
2017/03/31 Python
python分割列表(list)的方法示例
2017/05/07 Python
Python3 执行系统命令并获取实时回显功能
2019/07/09 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
HR喜欢的自荐信格式
2013/10/08 职场文书
地方白酒代理协议书
2014/10/25 职场文书
2014年公务员工作总结
2014/11/18 职场文书
PHP实现考试倒计时功能代码
2021/04/16 PHP