Kubeflow Central Dashboard
アブストラクト JavaScript Templates(以下JST)はTrimPathプロジェクトにおけるテンプレート処理(MVCのV)を担うライブラリです。基本SyntaxはFreeMarker, Velocity, Smartyなどに似ており、ライセンスは、APL(Apacheライセンス)とGPL(GPL2)のデュアルライセンスである。 サンプルソース tpl = "${foo}${bar}"; context = {foo:"shogo", bar:"4405"}; tplObj = TrimPath.parseTemplate(tpl); result = tplObj.process(context); alert(result); // shogo4405 になりませんか? 基本API JSTのコール(環境により異なります) <script language="javas
ひっさびさにJavaScriptの話題。これを読めば JavaScript Templatesが使える(と思う、だいたいは)。 JACAL(檜山/なんば組によるスロー・プロジェクト)との関係で、TrimPath JavaScript Templates(以下JSTと略記)を調べてみました。JSTは、JACALの文脈を離れても面白いと思うので紹介しておきます。 JSTのWebページ template.jsのダウンロード JSTとは、JavaScriptで実装されたテンプレート処理系です。構文や構造は、PHP Smartyと似ています。JSTは、テンプレートとコンテキスト(と呼ばれるデータ)から処理結果として新しいデータを生成します。テンプレートとコンテキストはHTMLページに最初から埋め込んでおいてもいいし、XMLHttpリクエストで動的に取り寄せてもいいですね(いわゆるひとつのAjaxです
http://trimpath.com/project/wiki/JavaScriptTemplates えらいはまったんですが、テンプレートのHTMLは textarea 内に入れないとだめです! <div id="tempalte"> <table> {for m in list} <tr><td>${m.x}</td></tr> {/for} </table> </div>こんな事はできないと言うことです。なぜなら! テンプレートエンジンが innerHTML で取り出すので、その際に {for m in list} {/for} <table> <tr><td>${m.x}</td></tr> </table>こんな形に変形されるのです!(tableの直接の子に tr 以外を置くと内部でこんな風に変形されてしまう) <textarea id="tempalte"> <table>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く