extjs - 当 init 函数创建视口(viewport)时，如何执行 Ext.Require？

Question

我正在尝试为加载程序“要求”一些代码，但我当前的 onready 函数让我对要求感到悲伤(它提示尚未创建视口(viewport))。由于我在创建时将内容分配给视口(viewport)，所以我真的不需要我填充的内容(除非我创建视口(viewport)然后将内容分配给它，但是嗯)。

Ext.require[] 怎么会有这样的函数？ (或者我如何重构此函数以使其以相同的方式执行，同时让我在数组上运行 Ext.Require？)

Host=function(){
return{
    centerPanelId: 'mainLayoutCenter',
    init: function(){
        //Enable the loader for dynamic loading of js, only dev pls
        Ext.Loader.setConfig({enabled:true});
        Ext.QuickTips.init(); //ext needs this

        Ext.Loader.setPath("bleh","js/bleh"); //Project paths for the loaders

        if(!window.User){
            this.initialContent = Ext.create('bleh.Login');
        }

        //Our default View
        //this.initialContent = Ext.create('bleh.panel.Register');

        this.currentContent=this.initialContent;
        //Instantiate a viewport 
        this.viewport = Ext.create("bleh.viewport",{
            initialContent : this.initialContent
            ,host:this
        });

        //init function, to hande events for HTML elements etc
        //bleh.init();

    }

    ,setContent: function( contentPanel ){

       var center = Ext.getCmp(this.centerPanelId);

       if ( this.currentContent ) { center.remove(this.currentContent); }

       this.currentContent = contentPanel;
       center.add(this.currentContent);    
       center.doLayout(); 
       this.currentContent.show();
    }       

}               
}();            
Ext.onReady( Host.init, Host ); 

Answer 1

在此代码块之前，您应该能够只要求您需要的任何内容。它已经包含在 onReady block 中，因此在所有依赖项默认可用之前不会执行它，只要您需要它们。只需在您的代码上方添加:

Ext.require([
    'bleh.login',
    'bleh.viewport'
]);