学习ExtJS Window常用方法

一、属性
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();
})

赞 (0)

相关推荐

  • 基于ExtJs在页面上window再调用Window的事件处理方法

    今天在开发Ext的过程中遇到了一个恶心的问题,就是在ext.window页面,点击再次弹出window时,gridpanel中的store数据加载异常,不能正常被加载,会出现缓存,出现该问题,是因为window窗口弹出时,两个window同时存在,并且在两个window交替使用时,需要先将一个窗口关闭,关闭时,会对window的缓存进行清理,这样就能保证store数据的正确加载.分享给大家,供参考. var actInfoWindow2; function showCallFlowInfoWin

  • 学习ExtJS Window常用方法

    一.属性 plain:布尔类型,true表示强制与背景色保持协调,默认值为false. resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小. maxinizable:布尔类型,true表示显示最大化按钮,默认值为false. maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false. closable:布尔类型,true表示显示关闭按钮,默认值为true. bodyStyle:与边框的间距,如:bodyStyle:"padding

  • 学习ExtJS Panel常用方法

    一.属性 frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之. xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件. xtype Class ------------- ------------------ box Ext.BoxComponent button Ext

  • 学习ExtJS TextField常用方法

    学习ExtJS TextField常用方法

    一.属性 fieldLabel:标签名称. labelWidth:标签宽度. ID:文件框ID. 二.构造参数 listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getCmp(string _id):得到id为_id的组件对象. getValue():得到文件框值. 四.其它 layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类. 在应用FormLayout布局时只要在宿主对象的构造参数

  • 学习ExtJS（一） 之基础前提

    一.学习ExtJS前提 1.Javascript 2.JSON(减肥的XML) 3.Java(C#) 4.Web Services 5.HTML DOM 6.AJAX 二.配置ExtJS运行环境 1.CSS文件:resources\css\ext-all.css 2.底层支持文件:adapter\ext\ext-base.js 3.环境文件:ext-all.js 官方网站地址 http://www.extjs.com

  • Python学习之字符串常用方法总结

    Python学习之字符串常用方法总结

    目录 什么是对象 Python万物皆是对象 字符串的索引 索引[] 索引[:] 字符串的常用方法 find()函数与index()函数 startswith()函数与endswith()函数 capitalize()函数 casefold()函数与lower()函数 upper()函数 swapcase()函数 zfill()函数 count()函数 strip()函数 replace()函数 join()函数 split()函数 字符串中返回bool类型的函数集合 isspace()函数 is

  • Python学习之列表常用方法总结

    目录 列表(元组)基本操作符回顾 len()函数在列表与元组上的使用 列表(元组)之间的累加与乘法 in和notin在列表(元组)中的用法 列表常用方法 append()函数 insert()函数 count()函数 remove()函数 Python内置函数del reverse()函数 sort()函数 clear()函数 copy()函数 extend()函数 小练习:完成列表合并功能 列表(元组)基本操作符回顾 len()函数在列表与元组上的使用 示例如下: names = ['Neo'

  • 学习ExtJS（二） Button常用方法

    一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidden:按钮的隐藏或显示(true or false) 二.构造参数 handler:指定一个函数句柄,在默认事件触发时调用,此时在默认事件为click listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getBogy():对到Body对象 onReady():当页面加载完成时执行本函数 getText():得到按钮名称 setText

  • 入门基础学习 ExtJS笔记（一）

    入门基础学习 ExtJS笔记（一）

    大致看了几天的书籍 查阅了API.头脑里也记不下多少,学习还是动手比较好.就试着开始写写: 首先:开始搭个 界面框架. 第一步当然是引用ExtJs的相关文件: <link rel="Stylesheet" href="resources/css/ext-all.css" /> <script type="text/javascript" src="ext-base.js"></script>

  • 学习ExtJS 访问容器对象

    一.属性 ownerCt:得到当前对象所在的容器. items:集合列表 二.应用举例 复制代码 代码如下: Ext.onReady(function(){ var _window = new Ext.Window({ title:"测试窗体", layout:"form", width:300, plain:true, items:{ id:"name", xtype:"textfield", fieldLabel:&quo

  • ExtJS Window 最小化的一种方法

    下面是通过重新它的minimize函数来实现的一种最小化方法: HTML: 复制代码 代码如下: <input type="button" id="btn" value="OpenWin" onclick="openWin();" /> <div id="divWin"></div> <a href="javascript:openWin();"

随机推荐