Question

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

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'吗？我希望能够在模态窗口内访问所选用户。

感谢您的帮助

Answer 1

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

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

1 个答案: