問題タブ [jquery-templates]

このようなビューモデルがあるとしましょう

次のテンプレートでEditUrlをレンダリングして、テンプレートを含めるとそれがテンプレートとして処理されるようにするにはどうすればよいですか。つまり、ビューモデルにある文字列をテンプレート内のテンプレートに変換するにはどうすればよいですか。

Knockout.jsがこれのバインドを処理するため、Idは適切にレンダリングされます。

IE9 の RC にアップグレードしたところ、jQuery テンプレートを使用する Web ページがテンプレート コンテンツをレンダリングしていないことがわかりました。

開発者ツール (および Safari、FF など) で IE8 ブラウザー モードに切り替えると、ページは正常に動作します。

誰でもアイデアはありますか？

ただし、IE または Firefox では動作します。助言がありますか？

編集: IRT Pointy の観察: いかなる種類のエラーもありませんでした。このページは、セクションにある html 以外は何も表示しませんでした。

私は素晴らしい新しいデータリンクプラグインを活用した簡単なアドレスフォームを持っています。これは、ajax呼び出しを実行して、IDが存在する場合はフォームに入力し、存在しない場合は空白のフォームに入力する単純な作成/編集シナリオです。

上記の関数はどちらの場合も呼び出され、フォームをstep1Dataオブジェクトにリンクします（フォームに入力するものがない場合は、空のJavaScriptオブジェクトを渡します）。上に表示されている「Templates」オブジェクトは、すばらしいjQueryTemplatesプラグインを使用する単純なラッパーです。

これは編集時にうまく機能します。.link（）はフォームに完全に準拠しており、すべてが正常でダンディです。空のフォームを処理するときに問題が発生します。状態選択リストを除くすべてのフィールドがリンクされています。選択リストのhtmlは次のとおりです。

クラスとIDの命名規則はフォームの他の部分と同じですが、データリンク自体はそれを認識していないようです。私はおそらく手動でそうするようにそれを構成することができました、しかし私がそれで逃げることができるならば私は清潔さのためにそれを望まないでしょう。選択リストにリンクしない理由はありますか？

公式のjquery-tmplプラグインを使用して「more/less」機能を実装しようとしています。

例を見てきましたが、自分の実装で機能を動作させることができないようです。

「その他」ボタンの1つをクリックすると、次のエラーがスローされるようです。 Uncaught TypeError: Property 'tmpl' of object #<an Object> is not a function

これが私の実装です

私が言えることから、私が置き換えようとしている例は次のことです。

1. 「マスター」テンプレートをレンダリングする
2. クリック時：クリックした要素に対応するテンプレートオブジェクト（tmplItem）を検索します。
3. 新しいテンプレートへの参照を渡します。
4. 更新関数を呼び出して再レンダリングします。

ドキュメントが間違っていることを理解しましたか？私が言えることから、私は公式ドキュメントの例と同じことをしています。

私が取り組んでいるサイトの束にjQueryテンプレートを使用していますが、クライアント側で検証を実装する方法を決定する必要があるところまで来ました。サーバーサイドは、さまざまなモデルを扱う Asp.Net Mvc Restful サービスです。モデルは、検証を説明する DataAnnotations で装飾されています。以下に例を示します (エラー コピーにリソース ファイルを使用していることに注意してください)。

以前は、Razor (または Mvc 3 に切り替えるまでは古い Asp.Net ビュー エンジン) を使用していました。これは、jquery.validate.js がフックするために必要なすべてのクライアント側の装飾の生成を処理しました。jQuery テンプレートを使用するようになったので、これはそれほど実行可能ではありません。

ここに 3 つのオプションがあります。

1. テンプレートを変更して、検証とエラーのコピーを手動で含めます。クライアント側とサーバー側の検証を別々に維持する必要があるため、これは最悪です。それは、DataAnnotations のアイデア全体をちょっと殺してしまいます。

2. Razor と Mvc 3 の控えめな JavaScript アプローチを活用して、テンプレートのレンダリングを支援します。それは私のために検証を再現するので、より良いですが、パフォーマンスが低下します。また、テンプレートをレンダリングするためにサーバーサイドのテンプレート エンジンを使用していることも意味します。出力キャッシュにより、パフォーマンスへの影響を最小限に抑えることができます。

3. モデルのモデル状態を返すリモート検証のみに依存し、jQuery Validate 用の独自のアダプターを作成して、適切な要素へのルーティング エラーを処理します。これは、Razor を使用しなければならないことを回避しますが、純粋なクライアント側の検証を無効にし、複雑なプラグインを作成する必要があることを意味します。

理想的には、これをデプロイするときに、バックエンドに直接依存することなく、テンプレートを静的ファイルとしてクライアントに提供できるようにする必要があります。

だから、私の質問に:私のモデルのサーバー側で jQuery テンプレートのクライアント側と DataAnnotations を活用すると、自分自身を繰り返さずに検証を処理する最も効果的な手段は何ですか?

JQuery Tmpl の IF ステートメントに問題があります。私はそれを次のように呼びます：
$('#tmplDialogWindow').tmpl([{title: title, yn: 'y'}])

コードは次のようになります。

そして、IFとELSEの両方の答えを出力します。調子はどう？

2011 年 2 月 17 日の編集:

私は modx フレームワークを使用しており、それ (modx) は{{sth}}を変更して sth チャンク (HTML ブロック コード) をロードします。

{{}} を別のタグに変更する方法を見つけなければなりません。

どうしようもない。jquery テンプレート プラグインを使用してテーブルを作成し、次のような応答からのデータでテーブルを埋めたいと思います。

したがって、テーブルは各行に 2 行と 7 列があるはずです。

これが私がこだわったコードです：

さまざまなアプローチを試し、正常に機能するデータ ソースの外観を変更し、テンプレートなしでテーブルを構築しようとしましたが、そのようなデータ ソースを持ち、テンプレートを使用してテーブルを構築する方法を本当に知る必要がありますか? 助けてくれてありがとう。

jqueryテンプレート内で新しい変数を定義することは可能ですか? 公式の jquery テンプレート ドキュメントを読みましたが、これについては何も見つかりませんでした。のようなものを試しまし{{ var xxx=123 }}たが、うまくいきませんでした。最後に、ハックを使用しています

${$item.xxx=123,""}

そして後で使用する

$item.xxx

しかし、それが最善のアプローチではないことは確かです...

jQueryテンプレートプラグイン（Microsoftが作成したもの）を使い始めましたが、今はこの問題に直面しています。テンプレートは、オブジェクトの配列にバインドされた一連のフォーム用です。フォームの1つで何かを変更すると、バインドされたオブジェクトを更新する必要があり、それを自動化する方法がわかりません。

これが簡単な例です（実際のテンプレートとオブジェクトははるかに複雑です）：

これにより、2つのテキストボックスにデータが入力され、それぞれが対応するオブジェクトの値にバインドされます。ここで、テキストボックスの1つで値を変更した場合、対応するデータオブジェクトの値を更新する必要があります。それを行う方法はありますか？