2014-02-05 34 views
1

我正在使用knockout js和bootstrap。我有一个用户列表,每行都有一个删除按钮。 我也有一个引导模式对话框,它有确认消息是否删除用户。 我有删除按钮上的点击绑定,可以从模型中删除用户。我如何更改它,以便在用户确认后删除。 找遍了几个例子,他们都建议使用自定义绑定,我发现最接近的是这样的小提琴例子Knockout 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> 

例如...

模态窗口会说“你确定要删除用户‘富’?我想有机会获得模态窗口内选定的用户。

感谢您的帮助

回答

1

设定一个点击“是”按钮,以实际执行删除功能结合,并将删除按钮上的点击绑定设置为显示模式的功能。您可能需要该函数将当前项目存储在可观察对象(itemToDelete或类似的东西)中,以便实际的删除功能知道要删除的内容。