Extjs Ext.onReady的用法

最近在學習Extjs，當然首先學習的肯定是從官網下載下來的example。

從學習上而言對於Extjs，我個人認同的是李林峰老師所言先從視圖開始，搞一些所見即所得的東西。

廢話有點多，對於Extjs而言個人認為最初需要弄明白的函數就是 Ext.onReady函數。

onReady方法在頁面完畢(onload方法被調用之前以及圖片被裝載之前)調用初始化函數。

在API中是如此定義onReady方法：

      onReady(  Function fn, Object scope, Boolean withDomReady )

     添加新的偵聽器執行時所需的所有腳本完全加載

     Parameters

•      fn : Function

       要執行的回調函數

•      scope : Object

       (this)回調函數的執行范圍

•      withDomReady : Boolean

       document dom就緒 無論如何要等待document dom就緒

 

onReady方法有三種：

第一種方法，最簡單易懂，在API所定義的三個參數中只使用第一個參數，並且直接在function中定義其內容：

Ext.onReady(function(){    
    Ext.MessageBox.alert("message","cool");
    });

第二種方法，通過onReady調用其他函數中的內置init函數來實現，eg中onReady通過調用example函數,init為example函數中的內置，作用是初始化

Ext.example = function(){
   return {
        init : function(){
                Ext.MessageBox.alert('init','OK');
        }
    };
}();
Ext.onReady(Ext.example.init, Ext.example);

第三種方法，第一種方法和第二種方法的混合方法,這種方式首先被調用的是處在下面段的，即顯示cool這段

Ext.message=function(){
    return{
    init:function(){
        Ext.MessageBox.alert("message","cool-1");
    }
    };
}();
Ext.onReady(Ext.message.init,Ext.message);

Ext.onReady(function(){    
    Ext.MessageBox.alert("message","cool");
}
});