在 Jquery 对话中编辑视图模型子项

Question

我正在尝试完成此操作，并想知道它是否正确。

我有一个这样的视图模型

Foo()
     FooChildren()
     SelectedFooChild()

我有一个 div，其中一个淘汰赛（在 FooChildren 上）输出一个模板。此模板中的每个项目都是 javascript 子视图模型 FooChildren()。在每个模板中，用户可以单击一行上的按钮，这是设置绑定到 Jquery 对话框中的字段的 $parent.SelectedFooChild 可观察对象。

如何最好地将在 jqueryUI 对话框中修改的选定数据绑定回它所派生的父数据？

我有这样的事情

<div class="row" data-bind="foreach: FooThings">
  <button data-bind="onclick: open-JqueryUI-Dialogue-And-Set-The-selected-Item-To-This-Row/>
</div>

我想知道是否可以跳过整个选定项目并将对话数据直接绑定到 SelectedFooChild？我认为如果以这种方式完成它会比它的价值更麻烦，因为我没有看到在绑定到 foreach 行中单击的行的对话上设置绑定的方法。不过我习惯在 Flex 中做这种事情。

我希望这很清楚:)

Answer 1

你试过了吗：

<button data-bind="click: parent.SelectedFooChild" />

您将单击的数据项设置为选定的子项，并将其绑定到您的对话框。我确实认为这是最好的方法。