學習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(); 
    })