itemView запускает пользовательское событие, достигающее родителя

Я нашел решение (похоронен где-то в документации, делая некоторые связи между макетом, регионом и видом)!

http://jsfiddle.net/QRcF5/6/

В контексте связи ТОЛЬКО между родительским (макетом) и дочерним (itemView):

1) дочерний элемент запускает настраиваемое событие (в отличие от расширения Backbone.Events — оно обращается только к тем, у кого есть к нему доступ = инкапсуляция)

triggers: {
    'click button': 'custom_event:btn_clicked'
}

2) родитель прослушивает это событие, имея доступ к дочернему элементу с on('show',....) >

initialize: function() {
    var that = this; // needed for the listenTo which overrides 'THIS'

    this.header.on('show', function(view) {
        this.listenTo(view, 'custom_event:btn_clicked', that.clicked);
    });
},

Пример:

layout = new Layout();
$('body').append(layout.render().el);
layout.header.show(new Header()); // Here we get access to child and its events

(скрытая) сила Марионетки. (Я имею в виду, когда я говорю скрыто, потому что, поскольку документация относительно новая, документация примитивна, а сложных примеров мало).

При небольшом упорстве можно добиться чего угодно.

вы должны просто вернуть true и позволить клику появиться в DOM, см. http://jsfiddle.net/aGaDY/ :

var Header = Backbone.Marionette.ItemView.extend({
  template: _.template('<h4>TEST</h4><button>EDIT</button>'),
  events: {
    'click button': 'btn'
  },
  btn: function () {
    return true;
  }
}),

Layout = Backbone.Marionette.Layout.extend({
    template: _.template('<div>Before:</div><header></header><div>After:</div><div class="body">Body Goes Here</div>'),
    regions: {
        header: 'header'
    },
    events: {
        'click': 'btn_clicked'
    },
    btn_clicked: function () {
        alert('Ana are mere');
    }
});
layout = new Layout();
$('body').append(layout.render().el);
layout.header.show(new Header());

// In Header
bth:function(e){
  $(e.target).data("source", "myButton")
}
// ....
// in the Layout 
btn_click: function(e){
  if ($(e.target).data("source") === "myButton") this.doSomething()
}

events: {
            'itemview:btn': 'btn_clicked'
        },

Элемент просмотра - это не то, на что нажимают. Вам нужно указать фактический элемент dom следующим образом:

events: {
            'click .someThingWithAClass': 'myFunction'
        },

Однако, если вы хотите прослушивать события, которые происходят дальше по дорожке, вам, вероятно, следует просто придерживаться метода jquery on. Это будет слушать все, что всплывает, независимо от пользовательского интерфейса, который был сгенерирован во время рендеринга этого представления.

http://api.jquery.com/on/