問題タブ [jquery-templates]

私は最近 Web アプリの作成を開始しました。機能するものをいくつか作成していますが、ベスト プラクティスについてはよくわかりません。

これまで、Django、web.py、および PHP のテンプレート システムを主に使用してきました。しかし、jQuery と素晴らしい ajaxy マジックを使用して、クライアントを更新せずにサーバーからデータを取得するようになったので、HTML を JavaScript で直接作成することの利点がわかりました (したがって、小さな json オブジェクトをクライアントに送信し、彼に何をどのように変更するかを理解させます）。

だから今、私はテンプレートでレンダリングされたビットとJavaScriptで構築されたビットをいくつか持っています.HTMLテーブルを作成するJavaScript関数を生成するweb.pyテンプレートの両方が混在している恐ろしいケースです- Cマクロをもう一度！（最終的にはリファクタリングします）

これは Web 開発の一般的な問題ですか? 「すべてにjsonを使用し、JavaScriptで可能な限りレンダリングする」、「ライブラリfooを使用する」など、推奨されるベストプラクティスはありますか? テンプレートで何を処理するか、JavaScript で何を処理するかについての優れたヒューリスティックはありますか?

ここで少し検索すると、javascript templates について尋ねている人が見つかりました。これは可能な解決策のようです。

同じテンプレートとJavaScriptが必要な理由はありますか

次のjqtouchマークアップで文書化されているように機能します。

しかし、次のjquery-mobileマークアップを使用して、テンプレートが順序付けられていないリストの外側（後）にレンダリングされる結果になりますか？

jquery-mobileはアルファ版リリースであることに気付きましたが、これまでのところうまく機能しており、この段階ではjqtouchに切り替えたくありません。誰かがこの動作を見て、回避策を見つけましたか？

I have a problem with jQuery tmpl plugin.

Here is a test case for you to try (because of console.log it does not work on Internet Explorer without Firebug).

A file ajaxed_tpl.html:

test.html:

This one loads fine - I get the alert and the template html() looks ok.

But I also get the "I don't need this through AJAX" line. So obviously I need to load just the inner part of div id="some_inner" but also I need to execute the Javascripts, so the only way to do it is to insert data into DOM before I get the some_inner div.

So let's modify test.html a bit:

Oh, man, where did the template go? Why Javascript in script tags got executed, but the template in script tags is gone?

But now let's modify the template in ajaxed_tpl.html:

and run the test.html again. Yay! This time console.log outputs our template! It seems, if it is in div tags, it is not ripped out.

But there is a problem. If I put the template in div and not in script, the browser srews up my

so now it looks like:

Is there any way to load the template right (without browser encoding those ${} ) even if I load only part of data received through AJAX?

Why are those template script tags ripped out and who is doing that - browser or jQuery?

グループヘッダーを持つjQueryテンプレートプラグインを使用してテンプレートを作成しようとしています。グループ ヘッダーはデータ ドリブンであるため、事前にはわかりません。私が持っているテンプレートは次のとおりです。

私が持っているデータは次のとおりです。

出力を

これを達成するためにテンプレートを正しく設定する方法は確かです。

これらの 2 つのブログ投稿に触発された後、jQuery テンプレートを試してみたかった

• http://encosia.com/2010/11/10/composition-with-jquery-templates-why-and-how/
• http://encosia.com/2010/10/05/using-external-templates-with-jquery-templates/

まあ、それは私にとってはうまくいきません。ページ自体にテンプレート コードがある場合は正常に動作しますが、リモートでの読み込みはうまくいきません。テンプレートは正常に取得されているようです。ここで何が問題なのですか？

外部テンプレート:

私のページでは、このコードを使用してテンプレートを取得してロードしています。

アップデート：

Encosia に関する新しいブログ投稿では、この質問と回答について説明しています...

http://encosia.com/2010/12/02/jquery-templates-composite-rendering-and-remote-loading/

javascriptテンプレートエンジンとしてjQueryテンプレートを使い始めたところです。私の質問は、日付（ASP.NET Json ActionResultから返される）を次の形式でフォーマットするにはどうすればよいですか？

私は次のことを試みました：

上記では、新しいjqueryグローバリゼーションプラグインを使用して$.formatメソッドを追加していることに注意してください。{{= comment.DateCreated }}また、それは言うのに長い手であることに注意してください${comment.DateCreated}。

よろしくお願いします。

jQueryテンプレートをレンダリングするために使用されるデータ項目を結果のdomオブジェクトに添付する方法を知っている人はいますか?

このtmplが与えられた場合:

この ：

すべてのデータがレンダリングされるわけではないため、後ですべてのデータにアクセスできるように、.data('section', data) を介して各セクションを結果に添付したいと思います。たとえば、取得する必要がある id などです。後で削除などを行うとき。

ひょっとしたらこんなことも…。

しかし、この tmpl をレンダリングするために使用される現在のデータ項目を取得する方法がわかりません。

これをテンプレート自体に含める方法はありますか?

どんな助けでも大歓迎です。

たとえば、次のコードで:

1 つ目${id}は外側のオブジェクトのid属性を出力しますが、2 つ目${id}は と同じものを出力し${user.id}ます。ブロックid内から外側のスコープを取得したい。{{each}}

これは可能ですか？それとも、このような衝突が起こらないように変数に名前を付ける必要がありますか?

jQuery のテンプレート エンジンを使い始めたところです。これまでのところかなりいいですね。それでも、どうにかして外部ファイルからテンプレートをロードすることが可能かどうか疑問に思っています。たくさんのテンプレートがあると想像してください。これは html コードを台無しにするだけでなく、キャッシュすることもできず、リクエストごとにダウンロードする必要があります。

それらをすべて外部ファイルで定義し、それらをロードしてコンパイルされたテンプレートをlocalStorageに保存する方法があることを望んでいました。

外部ファイルからそれらをロードする方法を知っている人はいますか?

私は初めてjavascriptテンプレートを調べていますが、現時点では口ひげとjquery-tmplが最有力候補です。

私の要件のいくつか：

• テンプレートは別々のファイルに保存され、複数のページに含まれます
• すべて（またはほとんどすべて）のデータは、jsonを返すRESTfulAPIの呼び出しから取得されます
• 私たちはjava/eclipseショップなので、構文の強調表示とそれとの互換性が問題になる場合は、それがあればいいでしょう。

速度、使いやすさ、柔軟性、安定性の点で比較を知っている人はいますか？私が考慮すべき他の要因はありますか？他のトップテンプレートエンジン？

（この一般的なトピックについて他にも 質問があることは知っていますが、これら2つの間の直接的な幅広い比較は見当たりません。）