javascript - Marionette.CompositeView，如何将参数传递给 Marionette.ItemView

Question

我想从 Marionette.ItemView 访问 app.vent。

也许一个选项可能是将参数 ( app.vent) 传递给Marionette.ItemViewfrom Marionette.CompositeView。

这是我的代码：

// view/compositeView.js
define([
    'marionette',
    'views/item'
], function (Marionette, itemView) {
    var ListView = Marionette.CompositeView.extend({ 
        itemView: itemView
    });
});

有任何想法吗？

PS：
我无法从 itemView 访问应用程序，因为存在循环依赖问题。

app -> view/compositeView -> view/itemView

Answer 1

v0.9 添加了一个itemOptions可用于此的属性。它可以是对象字面量，也可以是返回对象字面量的函数。

Backbone.Marionette.CompositeView.extend({
  itemView: MyItemViewType,

  itemViewOptions: {
    some: "option",
    goes: "here"
  }

});

此属性返回的所有key: "value"对都将提供给初始化器中的 itemview 选项

Backbone.Marionette.ItemView.extend({
  initialize: function(options){
    options.some; //=> "option"
    options.goes; //=> "here"
  }
});

此外，如果您需要为构建的每个 itemView 实例运行特定代码，您可以重写该buildItemView方法以为集合中的每个对象提供项目视图的自定义创建。

  buildItemView: function(item, ItemView){

    // do custom stuff here

    var view = new ItemView({
      model: item,
      // add your own options here

    });

    // more custom code working off the view instance

    return view;
  },

有关更多信息，请参阅：

• v0.9 的更改日志
• itemViewOptions 的 CollectionView 文档- 请注意 CompositeView 从 CollectionView 扩展，因此所有 CollectionView 文档对 CompositeView 也有效
• buildItemView 注释源代码

Answer 2

从 Marionette v2.0.0 开始，使用childViewOptions代替itemViewOptions将参数传递给子视图：

var MyCompositeView = Marionette.CompositeView.extend({
  childView: MyChildView,
  childViewOptions: function(model, index) {
    return {
      vent: this.options.vent
    }
  }
});

var MyChildView = Marionette.ItemView.extend({
  initialize: function(options) {
      // var events = options.vent;
  }
});

new MyCompositeView({ vent: app.vent, collection: myCollection});

但是要处理事件，让我们使用Marionette.Radio而不是将app.vent传递给视图。