jTemplates (jQuery plug-in) の使い方まとめ - COBALT
jTemplates license : MIT, GPL see : http://jtemplates.tpython.com/ 何が出来るのか jQuery単体ではhtmlの動的な生成を行う場合にコードが見づらくなってしまう。 jTemplatesはSmartyのようなテンプレートエンジンで、テンプレートを外部ファイル化する事もできる。 テンプレート化する事によるメリット・デメリットは既知のとおり。 ドキュメント 上記配布サイトにもオンラインドキュメントがあり、基本的な利用には十分に思える。 また、jTemplates.zip をダウンロードすると doc フォルダが含まれていて html ドキュメントがある。 (オンライン版もあったり : http://jtemplates.tpython.com/doc/symbols/Template.html) 使い方 基本的な使い方 js本
jTemplatesで、foreachの中からもとのデータを参照する方法 ： javascript, jquery, jtemplates | メモリークラフト
Javascriptのテンプレートエンジン、jTemplatesを使っています。 ちょっとはまったとこをメモ。 jTemplatesの#foreachの中で、もともとテンプレートに渡されたdataのループオブジェクト以外の参照をしたいときが、あります。 代表的なのはコンボボックスのデータのセットとかです。 普通の感覚でやろうとすると、いきなりツマづきます。 sample.js var data = { optionCode : 2 optionMap : { 1 : "あああ", 2 : "いいい", 3 : "ううう" } }; $("#form").setTemplateURL("select.tpl"); $("#form").processTemplate(data); select.tpl .... <select> <option{#if $T.optionCode}{
jTemplatesのforeachの中から元の$Tを参照する方法 - hideden.hatenablog.com
jQuery+jTemplatesでごにょごにょやってて、ちょっと悩んだのでメモ。 データ var data = { status: 'success', base_url: 'http://localhost/entry/edit/', entries: [ { id: "1", title: "title1" }, { id: "2", title: "title2" } ] }; テンプレート {#if status == 'success'} <ul> {#foreach $T.entries as entry} <li><a href="{$T.base_url}{$T.entry.entry_id}">{$T.entry.title}</a></li> {#else} <li>no entries.</li> {#/foreach} </ul> {#else} failed t
jQueryでテンプレートエンジン - coma2n’s diary
jQueryのプラグインにjTemplatesなるテンプレートエンジンがあったので使ってみる。 tpython.com - このウェブサイトは販売用です！ - tPython technologie web20 ajax opensource javascript リソースおよび情報 ということで Json.NETをさわってみるで書いたJSONデータをjQueryで加工して、HTMLに整形するコードをjTemplatesを使って書き直してみる。取り扱うJSONデータは以下↓ [{"ID":1,"Name":"ジョン"},{"ID":2,"Name":"ボブ"},{"ID":3,"Name":"ジャック"},{"ID":4,"Name":"ディラン・マッケイ"}] 以前は、 $.each(data, function(i, customer) { $("#dataTable").ap
jQuery + jTemplatesを使って、setIntervalで定期的に新しいデータを取得し、要素の上に追加していく方法 · Real Beat
Home はまったので忘れないうちにメモ。 $(“#piyopiyo”).processTemplate(data) とかやると、id=“piyopiyo”な要素の内容が全部置き換わってしまうので、古いデータが消えてしまう。たとえばTwitterクライアントみたいなものを作ろうと思ったら、定期的に新しいtimelineをとってきたら、古いデータを残しつつ、新しいものだけ上に出てきてほしい。 以下のようにすることで、id=“piyo”配下のclass=“moge”にデータがたまっていく。空のdivを一個用意して、そこにprocessTemplateで新しいデータを入れていく。@hideaki_t、ありがとうございました。 <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <scrip
livedoor Techブログ : jTemplatesでHTMLを書くときに知っておきたい8つのこと
こんにちは、(主に)LDサービスのインターフェース部分に携わらせてもらっている油井です。 現在ホットな JavaScript-library の一つとして「jQuery」の名をあげることができますが、このライブラリのプラグインとして動作するjTemplatesというHTMLテンプレートエンジンにも、(個人的にはですが)注目しています。 http://jtemplates.tpython.com/ そこで、以下、私がjTemplatesを触ることにより知り得た『jTemplatesでHTMLを書くときに知っておきたい8つのこと』について言及していきたいと思います。 ※ 今回の記事では「jQuery1.2.1-非圧縮版」そして「jTemplates0.5.0-非圧縮版」を使用することを想定しています。 1, (特殊変数である)$Qの正体 jTemplatesには$Tと$Pそして$Qという特殊変
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tpython.com
