問題タブ [client-side-templating]

Play for ModelとControllerを使用してアプリケーションを構築していますが、backbone.jsとクライアント側のテンプレートを使用しています。ここで、バッキングコントローラーなしでHTMLテンプレートをPlayで提供したいと思います。テンプレートをパブリックディレクトリに配置できることはわかっていますが、メッセージファイルからテンプレートに文字列を配置するためにPlayのテンプレートエンジンを使用したいと思います。他のデータは必要ないので、テンプレートごとにダミーのコントローラーを作成する手間をかけたくありません。Playでこれを行うことはできますか？

私は口ひげスタイルのテンプレート言語の最小性が好きです - 私は現在口ひげとicanhasmustacheを使用していますが、ハンドルバーとホーガンもチェックアウトしました.

ただし、子が特定の親テンプレートを参照できるようにするために、「拡張」タイプの機能が必要です。上記のいずれかで extends がどのように実装されているかに関するドキュメントは見つかりませんが、他の人がそれを行っているように見えることを (ランダムな github の要点から) 見ました。

注：インクルード（パーシャルと呼ばれることもあります）の存在は認識していますが、これらは親が特定の子を参照するためのもののようです。これは私が探しているものとは逆です。この場合の子テンプレートは実際の「ベース」ドキュメントであり、親は単なる付随的なものなので、子に関係を制御してもらいたいのです。

私が見た主な違いは次のとおりです。

• ハンドルバーには#if、#unless、#with、および#each
• ハンドルバーはヘルパーを追加します
• ハンドルバー テンプレートがコンパイルされます (Mustache もコンパイル可能)
• ハンドルバーはパスをサポート
• in ブロックの使用を許可{{this}}します (現在のアイテムの文字列値を出力します)
• Handlebars.SafeString()（そしておそらく他のいくつかの方法）
• ハンドルバーは2 ～ 7 倍速くなります
• 口ひげは反転セクションをサポートします(つまりif !x ...)

(上記に誤りがありましたらご指摘ください。)

私が見逃している他の大きな違いはありますか？

いくつかの jsp と多くのトランザクションを含む大規模なエンタープライズ アプリケーション (商業銀行アプリケーションや大量のデータを扱うヘルスケア アプリケーションなど) の場合、テンプレートに関して何が最も理にかなっていますか? それは単に個人的な選択の問題ですか、それともサーバー側のテンプレートに頼る強い理由があるのでしょうか?

そのため、以下を使用してハンドルバーで配列要素にアクセスできることがわかりました。

..たとえば、3 番目と 1 番目の要素を取得します。(ハンドルバー アクセス配列アイテム)

配列から最後の要素を取得する方法はありますか? 私はそれのためのヘルパーを作成しようとしました:

...そして、テンプレートで次のように呼び出します。

残念ながら、これは機能しません。ヘルパー関数は明らかに文字列を返します。私が必要としているのは、多次元配列でもこれを実行できる方法です。

私はHandlebars.jsを使用していますが、現在、すべてのテンプレートはスクリプトタグ内にあり、スクリプトタグ内には、他の多数のテンプレートを含む.htmlファイル内にあります。スクリプトタグ内にもあります。

次に、このファイルを部分的にサーバー側に含めます。

これには、次の欠点があります。

1. たくさんのテンプレートがHTMLファイルに詰め込まれています。
2. 特定のテンプレートを見つけるのは面倒です。

テンプレートを整理するためのより良い方法を探しています。各テンプレートを独自のファイルに保存してほしい。例えば：

次に、ビューの上部にあるバックエンドコードで、ページの読み込み時に次のようにこれらのテンプレートを含めることができます。

これには、/ public / views / my_controller / my_action /内のすべてのテンプレートが含まれ、/ public / views / shared/my_shared_template.htmlも含まれます。

私の質問：この機能または同様の機能を提供するライブラリはありますか？または、誰かが代替の組織的な提案を持っていますか？

内部アプリ用の Javascript ベースのクライアント側テンプレート エンジンを構築しています。サーバーから HTML/CSS ベースのテンプレートを読み込み、それらを HTML ベースのコンテンツ (P、EM など) と結合します。

テンプレートには基本的に、コンテンツが収まるはずの固定サイズの領域 (CSS で定義) があります。コンテンツがそれらの領域/ボックスに収まらない場合、残りは別のそのようなコンテンツ ボックスに移動します。

この画像が私の言いたいことを理解しやすくすることを願っています: .

全体が 1 つのテンプレートであり、コンテンツが青いボックスに収まるようになっていると想像してください。明らかに最初の青いボックスには収まらないため、3 つの緑のブロックが 2 番目のボックスに追加されます。

青いボックスのサイズ、位置 (および数) は、テンプレートによって異なる場合があることに注意してください。同じことがコンテンツにも当てはまります (小さなテキストでも大きなテキストでもかまいません。純粋なテキストでも、H1、P、EM などの書式設定でもかまいません。したがって、すべてが可変です。テキストのサイズは、テンプレートによっても定義されます。 CSS (固定値ではない)。

とにかく、いくつかの実験の後、私はそれを機能させましたが、現在、全体を最適化して高速化しようとしています。アプリケーションの開始時に数十のテンプレートを前処理しているため、初期化に時間がかかります。

HTML/CSS ベースのテンプレートをレンダリングしてコンテンツと組み合わせる (コンテンツ ボックス、フォントなどのサイズを把握する) には、テンプレートにレイアウトを設定し、DOM に挿入する必要があります。もちろん、これには非常にコストがかかります。そのため、これをオフスクリーンで行う方法があるかどうか疑問に思っていました。それらをブラウザにレンダリングせずに？

documentFragments を見ていて、画面外で DOM を組み立てている間、レイアウトがありません。つまり、documentFragment を作成する場合、そこに DIV を挿入し、CSS を介して div の幅を 150 ピクセルにする必要があるとします。 DOM にフラグメント化します。

現在、Railsバックエンドを備えたバックボーンRIAがあります。クライアント側のテンプレートにhaml_coffee_assetsgemを使用しています。しかし、私はそこでRailsViewヘルパーが恋しいです。

バックボーンモデルに生のhtml文字列を追加することにしました。だから、私は私のコーヒースクリプトにこの種のオブジェクトを持っています

私のテンプレートコードはかなりシンプルになります

テンプレートをレンダリングしたい

しかし、それは機能していないようです。

クライアント側のテンプレートを使用して Web アプリケーションを作成しています。このアプリケーションは、基本的な Http 認証 (ssl を使用) をサポートする REST サーバーと対話する必要があります。そのため、承認が必要なすべてのリクエストで、ユーザー名とパスワードがリクエスト ヘッダーで渡されます。私の質問は、JavaScript コードによってクライアント側でアクセスできるように、ユーザー名とパスワードをどこにどのように保存するかです。

MVC パターンの Telerik グリッドビューでチェックボックスを無効にすることは可能ですか? サーバー側ではなく clientTemplate を使用しています。要件は次のとおりです-対応する行の別の列の値に基づいて、チェックボックスを含む列を無効にする必要があります。Javascriptで実装することは可能ですか? よくわからない場合はお知らせください..

前もって感謝します..