Marionette 视图的正确视图生命周期是多少？

Question

我目前正在使用 Marionette 2.4.1.

我有一个父布局视图 (A)，其中包含子布局视图 (B) 将显示到的区域。我在视图 (B) 上有一个 onShow 方法，它在显示视图 (B) 时被正确调用。但是，我在视图 (B) 上有一个 onEmpty 和 onBeforeEmpty，希望它们在隐藏视图 (B) 时被调用。这些是从视图 (A) 调用的，其中我有一个函数将清空视图 (B) 填充的区域，但是我在空调用中传递了 {preventDestroy: true}。

我的问题是，我 was/am 期望视图 (B) 接收从视图调用 #empty 时调用的 before:empty 或 empty 触发器(A) 但是，视图 (B) 不会拾取这些触发器。甚至视图 (B) 似乎也没有注意到这些触发器。

这里的预期情况是什么？当运行通过 Marionette 源代码时，我可以看到 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 地区#Empty:

// 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) 上触发的方法。

Answer 1

this.triggerMethod('before:empty', view); 中的 this 指的是您的布局区域。您可以在此处查看更多区域生命周期 events/methods：http://marionettejs.com/docs/v2.4.3/marionette.region.html#events-raised-on-the-region-during-show

如果您正在寻找要在您的视图中使用的方法，onDestroy 和 onBeforeDestroy 可能就是您要找的。视图 'destroyed'，区域 'emptied'。 http://marionettejs.com/docs/v2.4.3/marionette.view.html#view-onbeforedestroy

Marionette 视图的正确视图生命周期是多少？

What is the proper view lifecycle of a Marionette View?

javascript

jquery

backbone.js

marionette

eventtrigger