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

152

6

章 拡張機能

これに対応するビューのクラスは次のようになります。

Thorax.View.extend({

events: {

'click li': function(event) {

var kitten = $(event.target).model();

console.log('

クリックされました

: ' + kitten.get('name'));

}

},

kittens: new Thorax.Collection(...),

template: ...

});

Backbone.js

でのアンチパターンとして、単一のビューのクラスに

className

を割り当てるとい

うものがあります。代わりに、

CSS

のセレクタで

data-view-name

属性の値を指定するようにし

ましょう。複数回使われるビューに対して

CSS

のクラスを割り当てる必要がなくなります。

[data-view-name="child"] {

}

6.2.4

 参考資料

Backbone.js

関連 の チ ュー ト リ アル で は

Todo

アプ リ ケ ーシ ョ ン が欠 か せませ ん。 そこで、

Thorax

で も

TodoMVC

ア プ リ ケ ー シ ョ ン を 作 成 し、

http://todomvc.com/labs/architecture-

examples/thorax/

で公開しています。合わせて、以下のような

Handlebars.js

のテンプレートに基

づいたとてもシンプルな例も紹介しています。 ...