jquery - 使用 KnockoutJS 模板与 jQuery UI 确认对话框绑定(bind)

Question

我如何使用 jQuery UI 对话框来确认他们是否要从 KnockoutJS 模板内的列表中删除一行？

据我所知，Knockout 演示显示了一个模板，该模板呈现网格中的每一行。删除按钮调用 viewModel.remove()函数传入要删除的行的对象。里面remove()函数，this.Gifts.Remove()使用作为参数传递到函数的数据进行调用。

我的问题是我想显示一个 jQuery 对话框来要求确认是否应删除一行。 JQuery 对话框基于设置函数工作，该函数预先设置对话框及其删除函数。

当我单击模板中的删除链接时，它会打开对话框，但是如何将模板数据传递到对话框删除函数中，因为它现在与模板机制完全解耦了？

Answer 1

我假设该对话框来自 jQuery UI。如果是这样，那么您的删除内容将如下所示:

removeItem: function(item) {
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "Delete item": function() {
                $(this).dialog("close");
                viewModel.items.remove(item);
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });
}

因此，“删除项目”按钮将关闭对话框，并从 observableArray 中删除您的项目。

此处的工作示例:http://jsfiddle.net/rniemeyer/CLxsV/

编辑:此处使用绑定(bind)的更好示例:http://jsfiddle.net/rniemeyer/WpnTU/