学习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 相关文章推荐
JavaScript 监听textarea中按键事件
Oct 08 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
Apr 23 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 Javascript
node.js如何操作MySQL数据库
Oct 29 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
Vite和Vue CLI的优劣
Jan 30 Vue.js
学习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
摩卡咖啡
2021/03/03 咖啡文化
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
对xmlHttp对象方法和属性的理解
2011/01/17 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
python list排序的两种方法及实例讲解
2017/03/20 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
python3 re返回形式总结
2020/11/20 Python
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
半年思想汇报
2013/12/30 职场文书
家长给孩子的表扬信
2014/01/17 职场文书
小学生美德少年事迹
2014/02/02 职场文书
家长建议怎么写
2014/05/15 职场文书
贵阳市党的群众路线教育实践活动党(工)委领导班子整改方案
2014/10/26 职场文书
劳动仲裁调解书
2015/05/20 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python
python ansible自动化运维工具执行流程
2021/06/24 Python
golang连接MySQl使用sqlx库
2022/04/14 Golang
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python
Redis全局ID生成器的实现
2022/06/05 Redis