淘汰赛,同一页面上的2个类似名单

时间:2013-09-09 11:47:49

标签: list data-binding knockout.js model

我想使用knockout.js在2个列表上应用绑定。 问题是这两个列表有相似的字段,名称有时相同。 每个列表都有一个表单来添加一些字段。我不知道如何分离这些列表并在使用具体表格后添加新行以纠正它们。

1 个答案:

答案 0 :(得分:3)

我这样做的方法是使用像这样的复杂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>