ExtJS 学习之 Ext.OnReady

1、说明

        Ext.OnReady方法在页面完毕(onload方法被调用之前以及图片被装载之前)调用初始化函数。通俗说就是加载页面前启动的初始化页面函数。

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

     onReady( Function fn, Object scope, Boolean withDomReady )

     添加新的侦听器执行时所需的所有脚本完全加载

     Parameters

•      fn : Function

       要执行的回调函数

•      scope : Object

       (this)回调函数的执行范围

•      withDomReady : Boolean

       document dom就绪 无论如何要等待document dom就绪

onReady的三种方法调用：

第一种方法，最简单的调用，只有一个参数，直接在function中定义如下所示：

Ext.onReady(function () {
    Ext.MessageBox.alert("弹出提示消息", "显示内容");
});

第二种方法，通过onReady调用其他函数中的内置init函数来实现，下面例子的onReady就是通过调用example函数，init为example函数的内置函数，作用是初始化。

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

第三种方法，第一种和第二种方法的混合,这种方式首先被调用的是下面弹出框1。

Ext.message = function () {
    return {
        init: function ()
        { Ext.MessageBox.alert("message", "弹出框2"); }
    };
}();
Ext.onReady(Ext.message.init,Ext.message); 
Ext.onReady(function ()
{
    Ext.MessageBox.alert("message", "弹出框1");
});