初心者向け(自分)です。
Backbone.jsで複数のモデルを扱うビューを作る場合、以下のようにします。
ビュー定義
var HogeView = Backbone.View.extend({
template:_.template($('#hoge-template').html()),
initialize: function() {
$(this.el).prepend(this.template({
one: this.model.one,
two: this.model.two
}));
}
});
テンプレート定義
<script type="text/template" id="hoge-template">
<dl>
<dt>1個目</td><dd><%= one %></dd>
<dt>2個目</td><dd><%= two %></dd>
</dl>
</script>
使う側
new HogeView({
el: $('.hoge'),
model: {
one: one,
two: two
}
});
単純に複数のモデルをまとめたラッパーオブジェクトを挟むだけでした。
オブジェクトリテラルが書けるJavaScriptだからこそできる簡単な方法ですね。