主要/詳細信息和敲除

Question

我有一個Knockout模型的observableArray。我希望能夠顯示所選內容的詳細信息，並將文本框等綁定到該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>​