学习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的简单&简陋Tabs插件代码
Feb 09 Javascript
JavaScript自执行闭包的小例子
Jun 29 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
express框架中使用jwt实现验证的方法
Aug 25 Javascript
js实现点击选项置顶动画效果
Aug 25 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
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
event.srcElement 用法笔记e.target
2009/12/18 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
浅谈struts1 & jquery form 文件异步上传
2017/05/25 jQuery
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
python模拟登录百度代码分享(获取百度贴吧等级)
2013/12/27 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
python爬虫添加请求头代码实例
2019/12/28 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
市政施工员自我鉴定
2014/01/15 职场文书
岗位廉政承诺书
2014/03/27 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏