执行删除确认框上单击“删除”

Implementing delete confirmation box on Delete click

本文关键字：删除 单击 确认 执行      更新时间：2023-09-26

我有一个列表项。当用户点击"X"时，对于任何列表项，我需要显示一个删除确认框，上面写着您确定要删除此项吗?以及是/否按钮。

如果用户单击Yes，则该项目应被删除。我的删除代码工作得很好。我只是不知道如何展示一个窗口。在HTML部分进行确认。下面是我的代码:

<ul data-bind="foreach: activeList">
    <li data-bind="click: function () { $root.delete('Item', $data); }">
        <a data-bind="click: function () { $root.DeleteFile('Item', $data); }">
            <img src="../../DeleteCross.png" />
        </a>
    </li>
</ul>

请建议。

你不能在HTML部分这样做。你需要在javascript部分显示它。

<li data-bind="click:$root.delete('Item', $data)">
    <a data-bind="click:$root.DeleteFile('Item', $data)">
        <img src="../../DeleteCross.png" />
    </a>
</li>

在视图模型中创建如下函数

self.delete = function() {
    var confirm_delete = confirm('Are you sure you want to delete this?');
    if (confirm_delete) {
        // deletion code goes here
    }
}
相关文章：