学习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 相关文章推荐
把input初始值不写value的具体实现方法
Jul 04 Javascript
js使用递归解析xml
Dec 12 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
分享5个好用的javascript文件上传插件
Sep 16 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
Vue动态生成表格的行和列
Jul 18 Javascript
JS实现简易贪吃蛇游戏
Aug 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运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
php实现每日签到功能
2018/11/29 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
javascript高亮效果的二种实现方法
2008/09/14 Javascript
Jquery+WebService 校验账号是否已被注册的代码
2010/07/12 Javascript
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
2014/06/19 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
教你安装python Django(图文)
2013/11/04 Python
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
python实现转盘效果 python实现轮盘抽奖游戏
2019/01/22 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
django-filter和普通查询的例子
2019/08/12 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
蔻驰美国官网:COACH美国
2016/08/18 全球购物
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
先进员工事迹材料
2014/12/20 职场文书
客房服务员岗位职责
2015/02/09 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
Vue深入理解插槽slot的使用
2022/08/05 Vue.js