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

128

6

章 拡張機能

this.$el.html(html);

}

});

これらを用意したら、ビューのインスタンスを生成してモデルのデータを渡します。次に、

ビューの

el

プロパティとして用意されている要素を

DOM

に追加し、ビューを表示させます。

var Derick = new Person({

firstName: 'Derick',

lastName: 'Bailey',

email: '[e-mail]'

});

var myView = new MyView({

model: Derick

});

myView.render();

$('#content').html(myView.el);

Backbone.js

では、以上のようなコードがビューの定義と生成と描画そして表示のために使われ

るのが一般的です。これは定型的なコードであり、同じ機能を持ったコードがあらゆるプロジェク

トのあらゆるアプリケーションで繰り返されています。このようなコードはすぐに、退屈で冗長な

ものに思えてくるでしょう。

そこで、

MarionetteJS

の

ItemView

を使ってみましょう。ビューを定義する際のコードを、簡

単に削減できます。

6.1.2

 

Marionette.ItemView

による定型的コードの削減

Marionette.View

を除き、

MarionetteJS

のビューの型はすべて

render

メソッドを組み込みで

持っており、描画のコアとなるロジックを受け持ってくれます。これを利用するには、 ...