JsViews入門 - Do You PHP はてブロ
JsRender/JsViewsのチュートリアルを書いています。こちらもどうぞ→「jsviews チュートリアル」の検索結果一覧 - Do You PHP はてな いい加減書かないと、絶対に書かないような気がしたので。。。 先日(といっても2ヶ月前)のJsRender入門 - Do You PHP はてなの続きです。 JavaScript製のテンプレートエンジンであるJsRenderを使うとJavaScriptでHTMLコンテンツを出力する(特にメンテナンス)のがかなり楽になるんですが、データが変更された場合に自動的に再描画してくれるわけではありません。 たとえば、JsRender入門 - Do You PHP はてなの"使い方"にあるサンプルに追記し、配列fruitsに要素を追加するようにしたものが以下のサンプルです。 <html> <body> <div id="list"></div
JsRender入門 - Do You PHP はてブロ
JsRender/JsViewsのチュートリアルを書いています。こちらもどうぞ→「jsviews チュートリアル」の検索結果一覧 - Do You PHP はてな API叩いてJSONデータを取得し、その結果をJavaScriptで出力する。よくある場面だと思うんですが、これってどう実装してますか？ 一番わかり易い方法は、コンテンツを文字列で生成してappendTo()なりhtml()する方法。 // JSONデータの取得 var contents = '<p>...' + ...; $('#target').appendTo(contents); 直感的なんだけど、何だか今更感が漂います。かと言って、DOM操作するのも面倒だし、コンテンツのサイズが大きい場合やデザイン変更などメンテナンスが大変そう。。。 こういう時にテンプレートエンジンを使うとヨサゲ、ということで探してみるとJsRend
クライアントへの理解 - JsRender の高度なテンプレート機能
JsRender は式の評価をサポートしますが、式の割り当てや、ランダム コードの実行はサポートしません。このため、変数の代入を実行する式や、通知ウィンドウを開くなどの操作を実行する式は使用できません。式の目的は、式を評価し、結果をレンダリングするか、結果を基にアクションを起こすか、結果を別の操作で使用することです。 たとえば、JsRender で {{:a++}} を実行すると、変数をインクリメントしようとするため、エラーになります。また、{{:alert('hello')}} も、存在しない #view.data.alert という関数を呼び出そうとするため、エラーになります。 カスタム タグを登録する JsRender には、カスタム タグ、コンバーター、ヘルパー関数、テンプレート パラメーターなど、いくつか強力な拡張ポイントが用意されています。各拡張ポイントを呼び出す構文は、次のと
JsRender JavaScript と HTML を使用してクライアントの洞察力-
次のコードが含まれています映画という名前の HTML 要素にはコンテナー (これは、テンプレートをレンダリングする)。 <div id="movieContainer" class="resultsPanel movieListItemMedium"></div> <script id="movieTemplate" type="text/x-jsrender"> <div class="caption">{{:name}}</div> <div class="caption">{{>name}}</div> <img src="{{:boxArt.smallUrl}}"/> <div class="text">Year Released: {{:releaseYear}}</div> <div class="text">Rating: {{:rating}}</div> </scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Quick JsRender Tutorial – Java Blog | blog.teamextension.com
