javascript - Marionette:您可以为触发器和事件使用相同的事件配置吗？

Question

如果我为触发器和事件使用相同的事件配置来设置 Marionette View ，则似乎只有触发器被触发。这是一个简化的示例:单击 .button 应运行 show 并触发 select:something 事件。但是，它仅触发事件。

var MyView = Marionette.CompositeView.extend({
  ui: {
    'button': '.button'
  },

  triggers: {
    'click .button': 'select:something',
  },

  events: {
    'click .button': 'show'
  },

  show: function() {
    // won't fire
  }
});

var view = new MyView({});
view.on('select:something', handleSelect); // will fire

Marionette trigger docs建议将 stopPropogation 设置为 false 会有帮助，但这并没有改变我的行为:

triggers: {
  'click .button': {
    event: "select:something",
    preventDefault: true,
    stopPropagation: false
  }
}, ...

Answer 1

Marionette.View delegateEvents 代码是:

// behavior events will be overriden by view events and or triggers
  _.extend(combinedEvents, behaviorEvents, events, triggers, behaviorTriggers);
  Backbone.View.prototype.delegateEvents.call(this, combinedEvents);

事件将被触发器覆盖，因为事件哈希值在 _.extend 中的触发器哈希值之前。 您可以在事件和触发器哈希中使用不同的键。代码如下:

var viewtemplate = _.template('<button class="button show-btn">show</button>');

var MyView = Marionette.CompositeView.extend({
  template: viewtemplate,
  triggers: {
    'click .button': 'select:something',
  },
  events: {
    'click .show-btn': 'show'
  },
  show: function() {
    console.log('click .show-btn');
  }
});