list - ノックアウト, 同じページに 2 つの類似リスト

Question

knockout.js を使用して 2 つのリストにバインディングを適用したいと考えています。問題は、これら 2 つのリストに類似したフィールドがあり、名前が同じ場合があることです。すべてのリストには、いくつかのフィールドを追加するためのフォームがあります。これらのリストを分離し、具体的なフォームを使用した後に新しい行を追加して修正する方法がわかりません。

Answer 1

私がそれを行う方法は、次のような複雑なviewModelを使用することです:

var list1Model = {
    name: ko.observable(),
    type: ko.observable(),
};

var list2Model = {
    name: ko.observable(),
    type: ko.observable(),
};

var viewModel = {
list1: list1Model,
list2: list2Model
}

次に、HTML で使用する場合:

    <div data-bind="with: list1">
        <div data-bind="text: name">

        </div>
        <div data-bind="text: type">

        </div>
    </div>
    <div data-bind="with: list2">
        <div data-bind="text: name">

        </div>
        <div data-bind="text: type">

        </div>
    </div>