backbone.js - marionette.js ve la diferencia entre onShow vs onRender?

view

Question

Soy nuevo en Marionette.js y mientras estoy refactorizando mi código Backbone.js existente, noté que hay dos devoluciones de llamada en la vista Marionette (itemview) que me parecían similares, es decir, onRender y onShow. ¿Cuál es la diferencia y la mejor manera de usarlos?

Sin embargo, mirando el código fuente, creo que los eventos "render" y "show" se generan dentro de "view initialize".

constructor: function(){
    _.bindAll(this, "render");

    var args = Array.prototype.slice.apply(arguments);
    Backbone.View.prototype.constructor.apply(this, args);

    Marionette.MonitorDOMRefresh(this);
    this.listenTo(this, "show", this.onShowCalled, this);
}

Answer 1

Bueno, este es el método de show en Marionette y explica la pregunta

show: function(view){

       this.ensureEl();

       var isViewClosed = view.isClosed || _.isUndefined(view.$el);

       var isDifferentView = view !== this.currentView;

       if (isDifferentView) {
         this.close();
       }

       view.render();

       if (isDifferentView || isViewClosed) {
         this.open(view);
       }

       this.currentView = view;

       Marionette.triggerMethod.call(this, "show", view);
       Marionette.triggerMethod.call(view, "show");
     }

Answer 2

Creo que hay algo que no es totalmente correcto en la respuesta de Vitaliy. El correcto será:

onShow: la vista en sí misma no desencadena el evento ''show''. Se dispara por una región. Por eso no se llamará en algunos casos.

onRender: este método se ejecuta cada vez que se renderiza la vista.

Tenga en cuenta que la ejecución de ''onRender'' no significa que el objeto se agregue realmente al DOM . Solo significa que se acaba de procesar (los datos llenaron la plantilla, usted tiene un esto. $ El para tratar, etc.)

Por otro lado, si se llama ''onShow'' porque el evento ''show'' se ha desencadenado desde una región, y como las regiones generalmente representan un elemento dentro del DOM, puede esperar que cuando se llame ''onShow'' , la vista sea de hecho añadido al DOM.

Answer 3

En la versión 3, los eventos de la región muestran y antes de: la demostración ya no se activa en la vista. Puede usar render y before: render eventos en la mayoría de los casos. Si necesita saber que la vista está en el DOM, puede usar attach o dom: refresh

info http://blog.marionettejs.com/2016/08/23/marionette-v3/index.html

Answer 4

onShow : la vista en sí misma no desencadena el evento ''show''. Se dispara por una región. Por eso no se llamará en algunos casos.

onRender : este método se ejecuta cada vez que se renderiza la vista.