2016-09-20 89 views
0

我目前正在使用Marionette 2.4.1。木偶視圖的正確視圖生命週期是什麼?

我有一個父佈局視圖(A)包含子佈局視圖(B)將顯示到的區域。我在視圖(B)上有一個onShow方法,在顯示視圖(B)時正確調用該方法。但是,在視圖(B)上我有一個onEmptyonBeforeEmpty以期望在視圖(B)隱藏時調用它們。這些是從視圖(A)中調用的,我有一個函數可以清空視圖(B)填充的區域,但是我在空的調用上通過{preventDestroy: true}

我的問題是,我/我期待視圖(B)拿起對before:emptyempty觸發時#empty從視圖(A),但是,圖(B)稱爲不拿起這些觸發器被稱爲。甚至沒有人認爲(B)似乎也會接觸到這些觸發器。

這裏的預期情況是什麼?當通過木偶的源代碼運行,我可以看到onBeforeEmpty觸發器被稱爲按我的源代碼:

Marionette._triggerMethod = (function() { 
    // split the event name on the ":" 
    var splitter = /(^|:)(\w)/gi; 

    // take the event section ("section1:section2:section3") 
    // and turn it in to uppercase name 
    function getEventName(match, prefix, eventName) { 
     return eventName.toUpperCase(); 
    } 

    return function(context, event, args) { 
     var noEventArg = arguments.length < 3; 
     if (noEventArg) { 
     args = event; 
     event = args[0]; 
     } 

     // get the method name from the event name 
     var methodName = 'on' + event.replace(splitter, getEventName); 
     var method = context[methodName]; 
     var result; 

     // call the onMethodName if it exists 
     if (_.isFunction(method)) { 
     // pass all args, except the event name 
     result = method.apply(context, noEventArg ? _.rest(args) : args); 
     } 

     // trigger the event, if a trigger method exists 
     if (_.isFunction(context.trigger)) { 
     if (noEventArg + args.length > 1) { 
      context.trigger.apply(context, noEventArg ? args : [event].concat(_.drop(args, 0))); 
     } else { 
      context.trigger(event); 
     } 
     } 

     return result; 
    }; 
    })(); 

這裏就是我懷疑它觸發方法onBeforeEmpty

// get the method name from the event name 
     var methodName = 'on' + event.replace(splitter, getEventName); 
     var method = context[methodName]; 

似乎像上下文是查看(A)。

Mariontte的區域#空:

// Destroy the current view, if there is one. If there is no 
    // current view, it does nothing and returns immediately. 
    empty: function(options) { 
     var view = this.currentView; 

     var preventDestroy = Marionette._getValue(options, 'preventDestroy', this); 
     // If there is no view in the region 
     // we should not remove anything 
     if (!view) { return; } 

     view.off('destroy', this.empty, this); 
     this.triggerMethod('before:empty', view); 
     if (!preventDestroy) { 
     this._destroyView(); 
     } 
     this.triggerMethod('empty', view); 

     // Remove region pointer to the currentView 
     delete this.currentView; 

     if (preventDestroy) { 
     this.$el.contents().detach(); 
     } 

     return this; 
    }, 

所以這裏this.triggerMethod('before:empty', view);好像this是指以查看(A)和view指圖(B)。這是打算?我認爲這個方法會在視圖(B)上觸發?但是,我似乎也無法看到在視圖(A)上觸發的方法。

回答

1

thisthis.triggerMethod('before:empty', view);是指您的佈局區域。你可以看到更多的區域生命週期事件/方法在這裏:http://marionettejs.com/docs/v2.4.3/marionette.region.html#events-raised-on-the-region-during-show

如果您正在尋找方法來在您的視圖中使用,onDestroyonBeforeDestroy是你正在尋找可能的東西。視圖被「銷燬」,區域被「清空」。 http://marionettejs.com/docs/v2.4.3/marionette.view.html#view-onbeforedestroy

相關問題