knockout.js - 具有 knockout 的主/详细信息

Question

我有一个 observableArray 的 Knockout 模型。我希望能够显示所选项目的详细信息并将文本框等绑定(bind)到该 knockout 项目的模型，可能吗？

Answer 1

您需要创建一个 observableArray 来存储项目，并将它们绑定(bind)到一些 html 以显示它们。然后使用单击绑定(bind)(或其他事件)来捕获用户选择的事件。然后在这种情况下，您可以设置所选项目。

这是一个证明这一点的 fiddle 。

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>​