Question

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

也许一个选项可能是将参数（app.vent）从Marionette.ItemView传递给Marionette.CompositeView。

这是我的代码：

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

有什么想法吗？

P.S .:
我无法从itemView访问应用程序，因为存在循环依赖性问题。

app -> view/compositeView -> view/itemView

Answer 1

v0.9添加了itemOptions属性，可用于此目的。它可以是对象文字或返回对象文字的函数。



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

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

});

此属性返回的所有key: "value"对将提供给初始化程序中项目视图的选项


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;
  },

有关详细信息，请参阅：

the change log for v0.9
the CollectionView documentation for itemViewOptions - 请注意，CompositeView从CollectionView扩展，因此所有CollectionView文档也适用于CompositeView
the buildItemView annotated source code

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 传递给视图。

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

2 个答案: