ExtJs4.2—Window組件

api描述：

一個指定的打算做爲一個應用程序窗口的面板。默認窗口是浮動的，resizable（可調整大小）, 而且draggable（可拖動）。窗口能夠maximized（可最大化）來充滿視口，恢復到他們之前的大小，而且能minimize（可最小化）。

示例：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

/** * Window組件 */ Ext.onReady( function (){     Ext.create( 'Ext.window.Window' , {     title: 'Hello' ,     height: 200 ,     width: 400 ,     layout: 'fit' ,     items: {  // Let's put an  grid in just to illustrate fit layout         xtype: 'grid' ,         border: false ,         columns: [{              header: 'cols1'         },{              header: 'cols2'         },{              header: 'cols3'         },{              header: 'cols4'         }], // 顯示頭部。         store: Ext.create( 'Ext.data.ArrayStore' , {}) // 一個假的空的數據存儲     }     }).show(); });

頁面顯示效果：

1、屬性
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"。

2、方法
show：打開窗體。
hide：隱藏窗體。
close：關閉窗體。