1.開啟API找到Ext--》window --》window

2.灰色齒輪代表是個元件，xtype是別名，就像前面MessageBox的別名是Msg一樣，使用別名是一樣的效果，點進原始碼可以看到是進行了引用的賦值

3.第一個元件：Ext.window.Window。對於元件，也就是Ext最吸引開發者的地方，那麼我們要真正的使用Ext的元件，首先必須學會閱讀API文件。

xtype：元件的別名      Hierarchy 層次結構

Inherited mixins 混入的類     Requires 該元件需要使用的類

configs：元件的配置資訊    properties：元件的屬性

methods：元件的方法      events：元件的事件

4.可以看到有148個方法，此外還有配置，屬性，事件

不多說，看官方的demo可能你還不太懂，現在帶你建立第一個窗體

效果如下

window元件常用屬性和方法講解（自己試著在上面程式碼中加上這些配置，這裡就不演示了）:

configs:

constrain:布林值，true為限制視窗只能在其容器內移動，預設值為false，允許視窗在任何位置移動。(另：constrianHeader屬性也是一樣，標題能不能超出瀏覽器邊界的設定)

modal:布林值，true為設定模態視窗。預設為false 就是設定遮擋層

plain：布林值，true為視窗設定透明背景。false則為正常背景，預設為false

x、y 設定視窗左上角座標位置。

onEsc：複寫onEsc函式，預設情況下按Esc鍵會關閉視窗。

closeAction：string值，預設值為'destroy'，可以設定'hide'關閉時隱藏視窗

autoScroll：布林值，是否需要滾動條，預設false   當你設定的height當前視窗不夠時，自動新增滾動條

後面的文章將講解ExtJS的三百個示例，想要快速掌握還是要多敲