Knockout的主人/细节

Question

我有一个可观察的Knockout模型阵列.我希望能够显示所选项的详细信息,并保留文本框等绑定到该Knockout项目的模型,可能吗？

Answer 1

您需要创建一个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>?