8

我试图在一个视图中使用两个模型，并使用它们的模板。我正在和木偶一起工作。这是我对视图的初始化：

main_app_layout.header.show(new APP.Views.HeaderView({
 model: oneModel,
 model2 : twoModel}
));

这是我的看法：

APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({

    template : '#view_template',

    className: 'container',


    initialize: function() {
               //This correctly logs the second model
                console.log(this.options.model2);

    }

});

这是模板：

 <script id="view_template" type="text/template">
        <p>{{twoModel_label}} {{oneModel_data}}</p>
        <p>{{twoModel_label2}} {{oneModel_data2}}</p>
    </script>

它使用 oneModel 数据正确渲染所有内容，但不渲染第二个，即使它正确记录它。我使用 Mustache 作为我的模板语言。

任何人都可以帮忙吗？

4

2 回答 2

16

您可以覆盖serializeData视图上的方法并让它返回两个模型的数据：


APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({

  // ...

  serializeData: function(){
    return {
      model1: this.model.toJSON(),
      model2: this.options.model2.toJSON()
    };
  }

});

然后您的模板将如下所示：

<script id="view_template" type="text/template">
    <p>{{model1.label}} {{model1.data}}</p>
    <p>{{model2.label}} {{model2.data}}</p>
</script>
于 2013-04-02T03:04:03.363 回答
0

尝试创建一个包含两个模型的复杂模型，这个新模型将其他两个作为属性，您可以像这个答案解释的那样访问每个模型的属性。

从 Mustache 模板访问嵌套的主干模型属性

于 2013-04-01T20:22:28.717 回答