Question

将一条消息从子视图发送到Backbone.js或Marionettejs中的父集合视图有什么好方法？

通常我通过集合发送消息：

INSERT INTO test01 (t1) VALUES ('')

我认为这是不对的，因为：

我将子视图中的消息通过数据发送回父视图
在这种情况下，消息与数据无关，它在视图之间传递严格的消息
该模型可以属于多个集合

相反，我想直接从子视图向其父集合视图发送消息。（实际上，我正在使用复合视图，不确定是否重要，但希望保持示例简单）。

Answer 1

让子视图直接发出事件并让父视图监听它：

ChildView = Backbone.Marionette.ItemView.extend({
     send_message: function(){
          this.trigger('some-message');
     }
})

ParentCollectionView = Backbone.Marionette.CollectionView.extend({
     // ON RENDER
     onRender: function(){
          // no idea how Marionette references its children views
          // let's say this.subview is a reference to your child view 
          this.listenTo(this.subview, 'some-message', this.do_something);
     }

    // DO SOMETHING
     do_something: function(){
          alert('did something');
     }
});

或者使用您注入子视图的专用事件发射器

ChildView = Backbone.Marionette.ItemView.extend({
     send_message: function(){
          this.channel.trigger('some-message');
     }
})

ParentCollectionView = Backbone.Marionette.CollectionView.extend({
     initialize: function(){
          this.channel = _.extend({}, Backbone.Events); 
          this.listenTo(this.channel, 'some-message', this.do_something);
     },
     // ON RENDER
     onRender: function(){
          // pass the channel to the child
          // that probably should be done when the child is created
          this.subview.channel = this.channel;
     },
     // DO SOMETHING
     do_something: function(){
          alert('did something');
     }
});

Answer 2

Marionette有一个名为triggerMethod的便捷函数，可以将事件从子节点发送到父节点。

this.triggerMethod("someMethod", data1...)

父级使用onChildview侦听器

捕获该事件

onChildviewSomeMethod(childView, data1param, ...) {}

从Child视图向Backbone.js或Marionette.js中的父Collection视图发送消息的好方法是什么？

2 个答案: