document

• 属性に関数を設定するとその戻り値が属性の値になる *
  
  

Marionette.jsのApplicationメモ

AppRouter

document
Backbone.Routerを拡張したもの

• routeが変わった時はonRouteが呼ばれる *

• controllerを使用した例 *

• 起動方法

let router = new AppRouter();
Backbone.history.start();

• appRoutes
  urlとcontrollerのキーを紐付ける

• controller
  appRoutesで指定したキーとハンドラを紐付ける
  ハンドラでは子Viewの設定とかをする
  
  

Marionette.jsのViewメモ

CollectionView

document
document

• CollectionViewはcollection属性のcollectionに存在するmodelをchildView属性に適用してそのelをCollectionViewのelに入れる。
  デフォフトでsortされるのでsortされたくないときはsort: falseにする

• childView属性はViewを返すfunctionかView

• childViewOptions属性はObjectかObjectを返す関数 childViewのinitialize関数の引数になる

• childViewEventPrefixはchildViewから発生したイベントを捕捉する際の接頭辞

• childViewEventsはchildViewから発生したイベントを捕捉する
  カスタムイベントも捕捉する

• childViewTriggersはchildViewでtriggerしたものを関数にマッピングする

• emptyViewはcollectionが空のときに表示するView

• emptyViewOptions属性はObjectかObjectを返す関数 emptyViewのinitialize関数の引数になる

• isEmptyはcollectionが空かどうかの述語

• render()は全体を作り直す

• collection.reset(model)はcollection view全体を書き換える
  add(model)はそれに対応するChildViewを1つ加える
  remove(model)はそれに対応するChildViewを1つ削除

• attachHtmlはchildViewの表示順

• attachBufferはchildViewの表示

• destroy()はchildViewを削除する

• filterはmodelを表示するかしないかを判定する述語

• setfilter()はfilterをセット

• removeFilterはfilterを削除 preventRenderをセットするとリレンダリングされない

• sortはデフォルトで有効

• getViewComparator()はmodelをソートする方法

• buildChildView(model, ChildViewClass, childViewOptions))はchild_viewインスタンスを動的生成する *

• addChildView(view, index)はviewをCollectionViewの管理下におく *

• findBy*でviewを検索する
  cidはBackbonejsが自動的に割り当てるユニークなID

• filter(child, index, collection)は表示するモデルを取捨選択する

• setFilter(func, options)でfilterをセット
  preventRenderをoptionsに指定するとリレンダリングされない

• removeFilter(options)でfilterを削除
  preventRenderをoptionsに指定するとリレンダリングされない

• sort

Marionette.jsのEventメモ

Marionette.jsのRegionメモ

Backbone Radio

document

• triggerはchannelNameに登録したすべてのObjectが対象

Object

document

• initialize(options)はコンストラクタ

• on()でイベントの登録

• destroy()はObjectにセットしたイベントを削除する
  

Template

document

• Viewのtemplate属性にテンプレートがある要素のセレクタをセットする

• Viewのtemplate属性にhandlebarsやunderscore.template等の関数をセットする

• ViewのgetTemplate属性にテンプレートがある要素のセレクタもしくは
  handlebarsやunderscore.template等の関数を返す関数をセットする

• Viewのcollection属性はテンプレート内ではitemsという変数に格納される

• テンプレートに渡される変数について *

• Template Contextはテンプレートに渡されるコンテキストの一部
  ObjectかObjectを返す関数をセットする

TemplateCache

document

TemplateCache.get(selector, options)
TemplateCache.clear()

Backbone.jsメモ
Handlebars.jsメモ
handlebars.js