問題タブ [knockout-templating]

このページには、頭の中にスクリプトが 1 つしかありません (広告のようなものです)。そして、コンテンツクライアントにはノックアウトjsテンプレートがあり、フィルター選択があります。

選択フィルタリングの後に自分のものを呼び出す必要があります。ユーザーがクリックしてフィルターを適用すると、コンテンツが表示される前に、(同じスレッドで) いくつかのものを呼び出す必要があります。

どうすればこれを行うことができますか? 何か考えはありますか？

PSしたがって、サーバーから送信される基本的なテンプレートロジックを変更する可能性がないことを理解しているので、頭の中でsmthを使用できます（そこにスクリプトがあります）。

これが長期的に使用するのに適した方法ではないことはわかっていますが、トラブルシューティングのために、テンプレートをバインドするときに単純な文字列を渡し、テンプレート内の変数としてアクセスする方法はありますか? たとえば、これが私のバインディングである場合:

これはtmplOne でした:

次のようになります。

「果物」と呼ばれるビューモデルでオブザーバブルを宣言する必要がある場合でも、テンプレートバインディングで手動で設定できますか?

ノックアウトで作業している間、私はテンプレートをよく使用します。私は単一ページのアプリケーションで作業しているため、使用するテンプレートの量はますます大きくなっています。

私のメインのhtmlは次のようになりました：

それにもかかわらず、すべてが期待どおりに機能しますが、最初にロードされる膨大な量のテンプレートに怯えています.

では、この問題に関するベストプラクティスはありますか? または、ノックアウトの経験が豊富な人はどのように対処していますか?

表示目的で小さな変更を加えるまでは正常に機能していたノックアウト テンプレートがあります。現在、HTML のレンダリングが異なるため、一部の SCSS で特定のスタイルが適用されません。現在のテンプレートは次のとおりです。

私が行った変更は、ラベル、選択、および入力コントロールの周りに div タグを追加することでした。レンダリングされる HTML は次のとおりです。

ご覧のとおり、段落タグは、テンプレートのようにコンテンツの周りに配置されるのではなく、単独でレンダリングされます。余分な div が削除されると、段落タグが他のすべてのコンテンツの周りにレンダリングされます。これは目的の HTML 出力ですが、そうすると UI 要素が適切に整列しません。余分な div を span タグに置き換えてみましたが、HTML は正しくレンダリングされますが、UI コントロールがずれています。どんな助けでも大歓迎です。

私は非常に基本的な剣道グリッドを持っています。テンプレート機能を使用してセル データのスタイルを設定しています。私がやりたいのは、「編集」を赤で、「削除」を緑でスタイルすることです。

系統コード

どうすればできますか。細胞データを分離できません。

JSFiddle - http://jsfiddle.net/Sbb5Z/1338/

クリックしたときに「selectedItem」を設定する簡単なテンプレートを作成します。「selectedItem」メソッドにバインドする単純なテキスト ボックスも追加しましたが、テンプレート リストをクリックしても更新されません。

HTML

JS

テスト コードを見てみましょう: http://jsfiddle.net/patremb/7meN8/6/

ご協力ありがとうございました！

パトリック

KO 外部テンプレート エンジンを使用して単一ページの Web アプリケーションを複数のファイルに分割していますが、読み込んでいるテンプレートには KO マークアップしか含まれていません。

このトピックを広範囲に調査したにもかかわらず、読み込まれているテンプレートに KO バインディングを確実に適用する方法がわかりません。

重要なポイントは次のとおりです。

• テンプレートによって定義された DOM 要素は最初は存在しません
• 私のテンプレート バインディングは動的なので、ドキュメント全体にバインディングを適用するときに KO がテンプレートを要求することはありません。
• テンプレートの読み込みを同期させたくない
• pb は、infuser が、バインディングを 2 回適用していると KO が不平を言う原因となっているテンプレートのキャッシュが発生している可能性があるという事実によって、さらにトリッキーになります。

これは私が持っているコードで、少なくとも 2 つの問題があります。

• applyBindings を呼び出しているため、テンプレートの読み込みが完了したという保証はありません。
• KO は、前後に移動するときにバインドを再適用しようとしていると不平を言います

外部テンプレート ノードが DOM に追加されるときにバインディングを 1 回だけ適用するクリーンで信頼性の高い方法についての提案はありますか?

• index.htmlで:

  /li>

• main.jsで:

  /li>

複数の URL をテーブルに表示し、それぞれの横に削除ボタンを配置したいと考えています。これはいくつかの場所で使用されているため、ノックアウト テンプレートを使用することにしました。

問題は、myDataCollection の一部ではない myFunction オブジェクトに格納されているデータと関数呼び出しを提供する foreach を組み合わせる必要があることです。

この foreach を、すべてのコレクション オブジェクトの静的で共通のプロパティであるコレクション データおよびデータ オブジェクトと組み合わせることは可能ですか?

データ バインディングの隣に foreach がある現在のセットアップでは、データが設定されておらず、プロパティ removeUrl が不明です。