9

我想知道 CompositeView 是否/如何可以将数据向下传递到其定义的 itemView 中。示例（简化）代码：

var TableView = Backbone.Marionette.CompositeView.extend({
    template: '#table-template',
    itemView: TableRowView,
    itemViewContainer: 'tbody',
});

var TableRowView = Backbone.Marionette.ItemView.extend({
    tagName: 'tr',
    template: '#table-row-template',
    serializeData: function () {
        var data = {
            model: this.model,
            // FIXME This should really only be called once. Pass into TableView, and down into TableRowView?
            // That way, getDisplayColumns can be moved to the collection as well, where it makes more sense for it to belong.
            columns: this.model.getDisplayColumns()
        };
        return data;
    }
});

我正在使用这两者来呈现一个 html 表格。#table-row-template 有一些渲染逻辑来支持不同类型的“列”。这允许我对不同类型的集合/模型使用相同的视图（只要它们遵循 API）。到目前为止，它运行良好！

但是，正如您在上面看到的，每次“行”都会调用以获取相同的“列”数据，而实际上我只是想将其传递一次，然后全部使用。

建议？

谢谢！

4

1 回答 1

14

您可以itemViewOptions用作对象或函数

var TableView = Backbone.Marionette.CompositeView.extend({
    template: '#table-template',
    itemView: TableRowView,
    itemViewContainer: 'tbody',
    itemViewOptions: {
         columns: SOMEOBJECTORVALUE
    }
});

或者

var TableView = Backbone.Marionette.CompositeView.extend({
    template: '#table-template',
    itemView: TableRowView,
    itemViewContainer: 'tbody',
    itemViewOptions: function(model,index){
        return{
             columns: SOMEOBJECTORVALUE
        }
    }
});

然后收到以下选项：

var TableRowView = Backbone.Marionette.ItemView.extend({
    tagName: 'tr',
    template: '#table-row-template',
    initialize: function(options){
         this.columns = options.columns;
    }
});

（* 请注意itemView、itemViewContainer和itemViewOptions在版本 2 中更改为childView、childViewContainer和childViewOptions）。

于 2013-08-02T03:02:47.810 回答