Come profilo (debug) ExtJS EventPipe/Events

Question

Sto lavorando su un'applicazione MVC ExtJS relativamente grande con circa> 40 controller,> 100 negozi,> 100 modelli e così via. Non seguo il possibile modo MVC strict, quindi ho implementato un'inizializzazione del controller pigro che inizializza il controller prima quando è necessario e quindi nei negozi. Inoltre, non registro nessuna vista all'interno di alcun controller, ma semplicemente perché non ne ho bisogno.

Ora che i moduli (aperti in una finestra di Ext.window) impiegano circa 1-2 secondi finché non vengono visualizzati, mentre la stessa forma all'interno di un progetto piuttosto piccolo viene visualizzata immediatamente. Quindi il modulo (layout) non può essere il problema qui cosa mi ha portato agli eventi. Ma non so davvero come sarebbe il modo migliore o c'è già un buon tutorial su come farlo. Immagino sarebbe bello profilare questo, per vedere quanto dura l'intero pipe (non solo lo stesso EventPipe).

struttura evento:

maggior parte degli eventi ottenere registrato tramite control() del controllore responsabile. Tutti gli altri eventi sono registrati al massimo con { single: true }. Le finestre si chiudono e si rinnovano quando vengono riutilizzate.

Answer 1

Ho paura ma ExtJS non fornisce alcun profilo degli eventi. Usa un sistema di eventi personalizzato.

Ecco come vedo la soluzione di questo problema.

ci sono Ext.util.Event classe che fornisce funzionalità per il dispacciamento e la gestione ogni caso utilizzata nel quadro e Ext.app.EventBus che forniscono un unico punto di inviare tutti gli eventi quadro (fireEvent è solo wrapper per il metodo Ext.app.EventBus.dispatch).

Le classi sono private quindi consiglio di vedere il suo codice sorgente.

È possibile ignorare queste classi per vedere quanto ci vuole da una chiamata al metodo Ext.app.EventBus.dispatch e chiamando listener di eventi all'interno del metodo Ext.util.Event.fire smth come quella (EventProfiler si suppone essere la vostra propria classe)

Ext.app.EventBus

dispatch: function (/* event name or Ext.util.Event */event, /* Target class */ target, args) { 
    //start timing 
    var start = new Date(); 

    /* ... */ 

    for (i = 0, ln = events.length; i < ln; i++) { 
     event = events[i]; 
     // Fire the event! 
     if (event.fire.apply(event, Array.prototype.slice.call(args, 1)) === false) { 
      return false; 
     } 
     // start event profiling 
     // here we are sure that event is dispatched and it's instance of Ext.util.Event 
     EventProfiler.startProfile(event, /* time passed from dispath method started */new Date() - start); 
    } 

    /* rest of dispatch method call */ 
} 

Ext.util.Event

fire: function() { 
    /* ... */ 
    if (listener.o) { 
     args.push(listener.o); 
    } 

    EventProfiler.endProfile(this); 

    if (listener && listener.fireFn.apply(listener.scope || me.observable, args) === false) { 
     return (me.firing = false); 
    } 

    /* ... */  

}