javascript - 如何获取 knockoutjs foreach 内控件的值

Question

我有一个针对每个部分的 knockout ，我试图获取绑定(bind)到每个部分的单击事件的函数内部生成的控件的值。对于生成的每个部分，当我单击按钮时，我想知道它的评论是什么。

//HTML

<div data-bind="foreach: areas">
<button data-bind="click: $parent.saveComment()" />
   <input type="text" data-bind="text: comment" />
</div>

//KnockoutJS函数

saveComment: function(){
  console.log([value of the comment textbox]);
}

Answer 1

通常用于 <input>您需要使用value捆绑。您可以通过$data但这不是必需的，因为该值将自动为您传递。

<div data-bind="foreach: areas">
  <button data-bind="click: $parent.saveComment">Save</button>
  <input type="text" data-bind="value: comment"></input>
  <br/>
</div>

请勿包含任何 ()关于saveComment在模型中使用参数绑定(bind)并声明该函数。该函数将接收代表 $data 等价的值。 .

saveComment: function (data) {
    console.log(data.comment());
}

或者，如果您愿意，您可以简单地使用 this saveComment里面引用“当前”上下文。

saveComment: function () {
    console.log(this.comment());
}

查看my example fiddle包含两种用法。