スポンサードリンク

レンダリング済みのHTMLからBackbone.jsのModelとViewを作る

backboneロゴ

今作っているページは
「クローラーが回れるようにHTMLをサーバー側で吐き出しつつ、動的な処理はBackbone.jsで制御」
なんてことをやっております。

ところがハタと手が止まった。レンダリング済みのHTMLからModelとViewを作るにはどうすればいいんだ?

とりあえずやってみた

HTML側はこんな感じ。各リストタグ(li)が一個のView & Modelに該当。各リスト内にinput hiddenでModelとするデータを埋める。

んで、jsは各リストタグ内のinput要素を読んでModel化。その後Viewに渡してやる。ついでに「el」にViewとして保持させたい要素を渡す。

これでとりあえず動くけど・・・なんか不格好だな。もっといい方法はないものか。

この方法でタグをつけたり外したりする画面と処理を書いてみた。
HTMLはあらかじめ描画済みで、後からBackbone.jsのModelとViewを生成し動的処理を追加。
http://zafiel.wingall.com/data/taglist/tags.html
ファイル一式(Github)

うーん、もっとスマートな方法があれば教えてくださいまし。

Facebookページ / スポンサードリンク
2014-05-01 | Posted in ProgramNo Comments » 
Comment





Comment



スパム対策のため、コメントする際は下記の計算式を埋めてください。 計算式の有効期限が切れました。計算式の隣にある再読み込みボタンを押してください。