38elements.github.io - Marionette.jsメモ

Marionette.jsメモ

38elements.github.io Spined HTML

Marionette.jsメモ Marionette.jsメモ 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 ≪nightmare.jsメモ Main PHP Github Star Ranking at 2016/09/09≫