我目前正在使用Marionette 2.4.1。木偶視圖的正確視圖生命週期是什麼?
我有一個父佈局視圖(A)包含子佈局視圖(B)將顯示到的區域。我在視圖(B)上有一個onShow
方法,在顯示視圖(B)時正確調用該方法。但是,在視圖(B)上我有一個onEmpty
和onBeforeEmpty
以期望在視圖(B)隱藏時調用它們。這些是從視圖(A)中調用的,我有一個函數可以清空視圖(B)填充的區域,但是我在空的調用上通過{preventDestroy: true}
。
我的問題是,我/我期待視圖(B)拿起對before:empty
或empty
觸發時#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)上觸發的方法。