Knockout js - 确认后从列表中删除项目答案

【问题标题】：Knockout js - Deleting an item from list after confirmationKnockout js - 确认后从列表中删除项目
【发布时间】：2014-02-06 08:51:11
【问题描述】：

我正在使用淘汰赛 js 和引导程序。我有一个用户列表，每行都有一个删除按钮。我还有一个引导模式对话框，其中包含是否删除用户的确认消息。我在删除按钮上有一个点击绑定，可以从模型中删除用户。我如何更改它以便在用户确认后删除。我搜索了几个示例，他们都建议使用自定义绑定，我找到的最接近的是这个小提琴示例

http://jsfiddle.net/snaptopixel/vDZQk/

这个例子的一个问题是，它在模式弹出窗口中使用模型中的预定义项目，我想要的是自动绑定被用户删除的项目并显示用户名和其他属性模态窗口并要求确认。

这是我的模态对话框

<div class="modal-body">

  <div class="well">
    <p>By clicking 'Yes', you will remove the User 'foo' from the system. This action cannot be undone.  To cancel this action, click 'No'. </p>
  </div>

  <div class="modal-footer">
    <button type="button" class="btn btn-primary">Yes</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">No</button>

  </div>

例如...

模态窗口会显示“您确定要删除用户'foo'吗？我想访问模态窗口内选定的用户。

感谢您的帮助

【问题讨论】：

标签： javascript twitter-bootstrap knockout.js

【解决方案1】：

将“是”按钮上的单击绑定设置为实际执行删除的函数，并将删除按钮上的单击绑定设置为显示模式的函数。您可能希望该函数将当前项目存储在 observable（itemToDelete 或类似的东西）中，以便实际的删除函数知道要删除的内容。

【讨论】：