問題タブ [jquery-templates]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1139 参照

jquery - JQUERY テンプレート プラグインでオブジェクトを json 文字列として別の html 要素にバインドする方法

実際に見つけようとしましたが、デバッグ中にプラグイン行で迷子になりました。さまざまなテンプレート プラグインがあるため、どのように機能するかを示したいと思います。

JSON.stringify配列のすべての要素を(もちろんjsonに)シリアル化し、テンプレートに非表示の要素を設定したいと思います。オブジェクトをシリアル化し、別のプロパティを使用して同じオブジェクトに出力を追加すると、それにアクセスできますが、次のようにテンプレートでこれを行いたいです。

placeの代わりに何を書くべき?....?ですか?

0 投票する
2 に答える
8933 参照

javascript - jquery-tmpl - テンプレート関数が機能しない

次のコード:

私がやろうとしているのは、テンプレートで getName() 関数を使用することです。

テンプレートが次のようになっているとしましょう。

機能させるには何を変更する必要がありますか? 現在、関数は実行されていません。他のすべてが機能します。

0 投票する
3 に答える
2641 参照

jquery-templates - アイテムをループするときに奇数/偶数クラスを循環させるにはどうすればよいですか?

jquery-tmpl を使用して、1 つおきにクラスを追加して行のプレゼンテーションをストライプ化する必要があるため、データ ['Cat','Dog','Horse','Noddy'] から生成されます。

ここで提案された解決策は、私たちノディが簡単に消化できるようにさらに洗練できるものの始まりのように見えました.

0 投票する
2 に答える
435 参照

jquery - jQuery テンプレート - リバース テンプレート


だから私は、テンプレート機能が組み込まれたドキュメント システムに取り組んでいます。1 つのページで、jQuery テンプレート マークアップを使用して「タグ」でテンプレートを作成します。

次に、ドキュメント ページで使用するテンプレートを選択すると、タグが HTML マークアップに変換されます。ドキュメント ページは、WYSIWYG 編集に CKEditor を使用します。現在、テンプレートがレンダリングされると次のようになります。

アイデアは、ドキュメントをデータベースに送り返して保存する前に、データがサイトのどこかで更新された場合にページが再度レンダリングされたときにも更新されるように、テンプレート タグに変換したいと考えています。

これを達成する方法についての助けや指針は、大きな助けになるでしょう。ありがとうございました!

0 投票する
5 に答える
6620 参照

jquery - jqueryテンプレートタグはDjangoテンプレートと競合します!

今日は、jquery-tmpl{{if}}および{{else}}ステートメントを試してみました。

ただし、ご存知のとおり、{{}}はdjangoテンプレート用にも予約されています。そのため、djangoはTemplateSyntaxErrorを発行するため、解析できません。

どうすればこの問題を解決できますか?


更新しました:

ここから、機能する<%raw%>カスタムタグ(GPL)の実装を見つけました。

http://www.holovaty.com/writing/django-two-phased-rendering/

0 投票する
2 に答える
7422 参照

jquery - 最新の jQuery ファイルと ASP.NET MVC で Knockout.js を使用する

ASP.NET MVC 3.0 で Knockout.js を使用しようとしています (タイトルはそれを与えましたよね?!)

http://knockout.js.com

いくつかの問題が発生しています (ASP.NET MVC 3.0 よりも新しい jQuery Tmpl Engine に関連しています)。

私はテストで Steve Sanderson のサンプル プログラムを使用しており、新しい Razor View Engine で彼の結果をほぼ再現しました (Razor が私の問題と関係があるとは思いません)。

http://blog.stevensanderson.com/2010/07/12/editing-a-variable-length-list-knockout-style/

ただし、HTML バインディング属性ではなく、自然なjquery バインディングをもっと使いたいと思っています。これについては、ノックアウトのチュートリアルで詳しく説明されています。 http://knockoutjs.com/documentation/template-binding.html

ただし、説明どおりにこれを再現することはできません。ビューコードの下に表示します。{{foreach (i, gift) gifts}}私の問題は、うまくいかないという事実から来ています。私は多くの変種を試しました({{foreach (i, gift) gifts()}}他の例で見たように)。

最新の ファイルを使用していknockout.jsます。テンプレートエンジンjQuery 1.4.3.に使用しています。http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.jsただし、tmpl.jsnockous.js の Web サイトに含まれている同じファイルを使用してこれを試してみたところ、同じ結果が得られました。

jQuery テンプレートを使用する場合、現在の仕様では、テンプレートはレンダリングされません。

jQuery テンプレート タグのドキュメントは、http: //api.jquery.com/category/plugins/templates/template-tags/にあります。

私の正確なモデルについて誰かが混乱した場合に備えて。{{foreach (i, gift) gifts}}{に置き換えると、モデルは正しくレンダリングされ、正しく動作しますが、jQuery ネイティブ宣言は何にも{foreach gift}}使用できません。${property}

HTML

0 投票する
2 に答える
2169 参照

javascript - jquery-templのコールバック関数?

プラグインjquery-tmplを使用しています。テンプレートの実行後にコールバックを指定する方法はありますか?こんなことしたい

生成されたばかりprocessItemの要素はどこで実行されますか。<li>しかし、書かれているように、その時点で存在しない要素processItemが呼び出されます。

テンプレートを実行する方法は次のとおりです。

ありがとう!

0 投票する
2 に答える
1114 参照

jquery - 多くの余分なスクリプトタグなしでjquerytmplを作成する

データをマークアップにバインドする手段として、jQueryテンプレートプラグインhttp://api.jquery.com/tmpl/について読んでいます。すべての例は、scriptnewscriptタグでテンプレートを定義していることを示しているようです。私は実際には、<head>これらすべてのスクリプトタグでHTMLを乱雑にしたくないのです。

これを整理するためのより良い方法はありますか?たぶん、動的にロードされるスクリプトでいっぱいのテンプレートフォルダがありますか?

0 投票する
2 に答える
6117 参照

javascript - jQuery テンプレートを動的に読み込む

jQuery テンプレートの場合:

http://api.jquery.com/category/plugins/templates/

テンプレートをページ上で事前に定義するのではなく、サーバーから動的にロードできるようにしたいと考えています。

プロジェクトで見たデモでは、事前定義されたテンプレートが使用されています。いくつかの研究の後、私はそれが可能であることを発見しました。

私はこれを試してみましたが、うまくいきません:

私はこれをやってみましたが、うまくいきません:

そして最後に、次のハックにたどり着きました。

so.html (これはメイン ページです):

child.html (これは子テンプレートです)

so.js (これは、js テンプレートを ajaxly でロードするための私のハックです)

そして、ここが私が気に入らないところです。

  1. これは Chrome では機能しません
  2. いくつかのテンプレートをロードするためだけに多くのコードのように見えます
  3. $(document).ready() を使用できなくなりました。すべてのコードをこの templateReady() メソッドに配置して、「テンプレート セーフ」にする必要があります。

これを回避する方法はありますか?

ありがとう、

カイ

0 投票する
2 に答える
112 参照

javascript - JQuery / Microsoft テンプレートとリンク: これらを連携させたことはありますか?

Scott Guthrie のブログで、彼らがどのようにそれを意図したかについて説明しています。

これは何もしないようです:

これは爆発するようです:

何か案は?