javascript - Marionette.js - ItemView 获取父区域引用

Question

Marionette.js Regions 有一个 close 事件，他们可以在其中判断他们自己是否关闭了其中一个 Regions 中的 subview 之一>.

我遇到的问题是，如果 subview 自身调用关闭，则此 close 事件不会触发。

请参阅以下内容:

var SubView = Marionette.ItemView.extend({

  // suppose close is called from the region item itself...
  internalClose: function() {
    this.close();
  },
});

var Layout = Marionette.Layout.extend({

  template: '<div class="region1"></div>',

  regions: {
    region1: '.region1',
  },

  onRender: function() {

    this.region1.show(new SubView());
    // When the SubView calls its own close, 
    // region1 does not register a close event.

    this.region1.on('close', function() {
      // self destruct or something exciting...
    });
  },
});

如何让 ItemView 与 Layout 通信，并告诉它它已自行关闭(例如通过点击 ItemView 中的退出按钮或其他方式) .我需要 Layout 在 ItemView 关闭时操作它自己的附加 DOM。

Answer 1

为区域的show 事件附加一个监听器并监听当前 View 的close 事件:

var region = this.region1;

region.on('show', function() {
    region.currentView.on('close', function() {
        // this message will cause the layout to self destruct...
     });
     // NOTE: You won't have to clean up this event listener since calling 
     //       close on either the region or the view will do it for you.
});

您可以这样做来代替监听区域上的 close，因为这只是 currentView 关闭的信号。