我有一个可观察的Knockout模型数组。我希望能够显示所选项目的详细信息,并将文本框等绑定到该 Knockout 项目的模型,可能吗?
您需要
创建一个 observableArray 来存储这些项目,并将它们绑定到某个 html 以显示它们。然后使用单击绑定到(或某个其他事件)来捕获用户选择的那个事件。然后,在这种情况下,您可以设置所选项目。
这里有一个小提琴来证明这一点。
http://jsfiddle.net/johnpapa/3DPvU/
HTML 可能如下所示:
<ul data-bind="foreach: people">
<li data-bind="text:name, click:$parent.selectPerson"></li>
</ul>
<div data-bind="with:selectedPerson">
<span data-bind="text:id"></span>
<input data-bind="value:name"/>
<input data-bind="value:country"/>
</div>