asp.net-mvc-2 - ノックアウト JS 複数の部分ビュー内にモデルを持つ

Question

ページに 4 つの部分ビューをロードしています。すべての部分ビューを個別の div に含むメインページと、各部分ビューには独自のノックアウトモデルがあります。私が抱えている問題は、個々のノックアウトモデルがテキストフィールドの値をバインドできないことです。

メインページが雑然としたり、部分ビューに密接に結合したりしないように、ページを別々に保ちたいと思います。これは基本的に、以前に完成したこれら 4 ページの要約です。

ノックアウトモデルは、部分ビューを作成するためにコントローラーからの情報が必要であり、部分ビューをこのページにプルしたくないため、プルアウトできないようです。

基本的に、独自のノックアウトモデルを使用して部分ビューを読み込み、必要な機能を備えたいと考えています。

score 0 · Accepted Answer

各部分ビューで、ページの一番下に JavaScript を配置します。

<script type="text/javascript">
    ko.applyBindings(viewModelObject, document.getElementById("someDivId")); 
</script>

これにより、バインディングが適切なタイミングで適用されます。そうしないと、ビューが非同期的にロードされるため、バインディングが機能しません。

注: viewModelObject は、メインビューと一般的な ko インクルードファイルで定義する必要があります。

score 0 · Accepted Answer

あなたの場合、2番目の引数をに使用したいと思うでしょうko.applyBindings。

2 番目の引数を使用すると、バインドするルート要素として使用する DOM 要素を渡すことができます。

したがって、部分ビューを次のような要素にロードした場合:

<div id="one">
...
</div>
<div id="two">
....
</div>

次のように、さまざまなビューモデルを各コンテナーにバインドできます。

ko.applyBindings(oneModel, document.getElementById("one"));

ko.applyBindings(twoModel, document.getElementById("two"));

2 に答える 2