快捷導(dǎo)航

學(xué)習(xí)ExtJS Window常用方法

更新時(shí)間：2009年10月07日 23:57:15 作者：

ExtJS Window常用方法,需要的朋友可以參考下。

一、屬性
plain：布爾類型，true表示強(qiáng)制與背景色保持協(xié)調(diào)，默認(rèn)值為false。
resizable：布爾類型，用戶是否可以調(diào)整窗體大小，默認(rèn)值為true表示可以調(diào)整大小。
maxinizable：布爾類型，true表示顯示最大化按鈕，默認(rèn)值為false。
maximized：布爾類型，true表示顯示窗體時(shí)將窗體最大化，默認(rèn)值為false。
closable：布爾類型，true表示顯示關(guān)閉按鈕，默認(rèn)值為true。
bodyStyle：與邊框的間距，如：bodyStyle:"padding:3px"。
buttonAlign：窗體中button的對(duì)齊方式(left、center、right)，默認(rèn)值為right。
closeAction："close"釋放窗體所占內(nèi)存，"hide"隱藏窗體，建議使用"hide"。

二、方法
show：打開窗體。
hide：隱藏窗體。
close：關(guān)閉窗體。

三、事件
show：打開窗體時(shí)觸法。
hide：隱藏窗體時(shí)觸法。
close：關(guān)閉窗體時(shí)觸法。

四、應(yīng)用舉例

復(fù)制代碼代碼如下:

 
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:"帳號(hào)"},{fieldLabel:"密碼"}], 
buttons:[{text:"確定"},{text:"取消",handler:function(){_window.hide();}}], 
listeners:{ 
"show":function(){ 
alert("顯示"); 
}, 
"hide":function(){ 
alert("隱藏"); 
}, 
"close":function(){ 
alert("關(guān)閉"); 
} 
} 
}) 
_window.show(); 
}) 