問題タブ [knockout-templating]

たとえば、kockoutjs ライブラリで複数の階層を持つネストされたテンプレートを作成できますか? http://knockoutjs.com/または他の Javascript フレームワーク?

私はこのビューを持っています:

htmlでどのように見えるか。ノックアウトjsまたは他のjavascriptフレームワークを使用して、複数の階層を持つネストされたテンプレートを作成することは可能ですか?

私は次のコードを持っています：

このビューに沿って：

ご覧のとおり、配列を含むオブジェクトがあります。そこで、観察可能な一連のセッションを作成すると、内部プロパティを含めて観察可能になります。ここで必要なのは、ネストされた「リピーター」を表示することです。

昨日、私はどういうわけかこのスクリプトを実行することに成功しました。そして、プロパティ名を表示せずに興味深いもの、すなわちSessions[${$data.Index}].Messages。残念ながら、そのテストスクリプトを削除しました。

今、私は再作成しようとしましたが、それは機能しません。

PS。問題は、関連するプロパティを表示せずに動作させたくないということです。ネストされたテンプレートを機能させたいだけです。

ノックアウトを使用して折りたたみ可能な行を持つテーブルを作成しようとしています。各「親」行はデータ構造の最上位にあり、各「子」行はメンバー配列の要素です。

サーバーからデータを更新すると問題が発生します。データは更新されますが、「親」行のチェックボックスがオフになっているため、DOMオブジェクトが置き換えられていることがわかります。タイマーを使用してデータを更新することで、この問題を実証するフィドルがあります。

http://jsfiddle.net/jdlogicman/m2LWk/

ネストされたforeachを使用する代わりに修正する{{each}} 必要があることを読みましたが、それを機能させることができません。上記のフィドルのコメントアウトされたセクションを参照してください。

既存の質問がこれに対処している場合、私はその方法を知ることができませんでした。どんな助けでも大歓迎です

knockoutjs 1.2.1 では、次のことができます。

これをノックアウト 1.3.0beta に翻訳しようとしました。

しかし、新しいネイティブ テンプレート エンジンは templateOptions を尊重しません。

任意のデータをテンプレートに渡す方法は他にありますか?

データ型に基づいて編集モードと読み取り専用モードを切り替えることができる汎用ノックアウトテンプレートをセットアップしようとしています。ASP.NETの動的データを使用したことがある場合：それはフィールドテンプレートのようなものです。例えば：

これは次のように使用されます。

次のビューモデルを使用します。

アイデアは、明示的な要素/コントロールの代わりに、「Name2」の例のようにフィールドレベルでテンプレートを使用できるようにすることです。これにより、ほとんど重複するマークアップの大きなセクションがなくても、フォーム全体を編集モードと読み取りモードの間で簡単に切り替えることができます。これにより、たとえば日付フィールドに日付ピッカーを使用するなど、一般的なデータ型の編集/表示マークアップを再利用することもできます。

問題
テンプレート内 の$data疑似変数には双方向バインディングがありません。オブザーバブルの現在の値を反映しますが、入力コントロールの変更は値を設定しません。

どうすれば双方向バインディングを取得でき$dataますか？

このjsfiddleも参照してください

Knockout で同じターゲットに異なるバインドを適用する正しい方法は何ですか?

これらはうまくいかなかったようです：

また

完全なテスト コード:

テンプレート バインディングによって埋められる ul 要素があります。

しかし、最初のli-tagはテンプレートからのli-tagではなく、ボタンを含む別のli-tagであり、someElemets配列には接続されません。私がそのようにしたら

ボタン付きのli-tagは、レンダリング後の最後のものになります。その問題を解決する最善の方法は何ですか?

私はしばらく探していましたが、これは新しい質問であり、タイトルが示唆するような繰り返しではないと確信しています。:)

基本的に、jQueryテンプレートのようなものを使用しているときに、テンプレートのレンダリング後にKnockoutJSが作成するサブスクライブ可能なイベントがあるかどうかを調べようとしています。

組み込みの「afterRender」を使用しますが、監視可能な配列がクリアされている場合は起動しないことがわかりました。私はその問題を説明するためにこのデモを作成しました：http：//jsfiddle.net/farina/YWfV8/1/。

また、カスタムハンドラーを作成できることも承知していますが、必要なものにはそれは本当に不要なようです。

テンプレートのレンダリングが終了した後に発生するイベントが1つだけ必要です。

このように KnockoutJS で外部テンプレートを使用することは可能ですか?

この解決策を試しましたが、うまくいきませんでした。

ここで何が問題なのかわかりませんが、次のノックアウトテンプレートを使用して画像が表示されません。

これがバインドされているオブジェクトは次のようになります。

HTMLオブジェクトがレンダリングされると、ラベルが表示され、チェックボックスをクリックするとdoSomethingが呼び出されます。

TIA。