Backbone.jsアプリケーション開発ガイド

7.1

 入れ子のビューの扱い

157

なければならないという問題があります。解決策

1

にはこのような問題はありません。

7.1.4

 解決策

3

以下のような解決策も考えられます。

var OuterView = Backbone.View.extend({

initialize: function() {

this.inner = new InnerView();

},

render: function() {

//

テンプレートがなければ

this.$el.empty()

も可

this.$el.html(template);

this.$el.append(this.inner.$el);

this.inner.render();

}

});

var InnerView = Backbone.View.extend({

render: function

() {

this.$el.html(template);

this.delegateEvents();

}

});

ここではいくつか設計上の判断が行われています。

●

子要素を追加する順番が意味を持ちます。

●

OuterView

は

InnerView

にセットする要素を持ちません。したがって、

InnerView

の中で

tagName

を指定する必要があります。

●

render()

は

InnerView

の要 素 が

DOM

に追 加 された 後 で呼 び 出され ま す。

InnerView

の

render()

メソッドが他の要素のサイズに