Question

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

如果用户点击“是”，则应删除该项目。我的删除代码完全正常。我只是不确定如何在html部分中显示window.confirm。这是我的代码：

<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>

请建议。

Answer 1

你不能在html部分做到这一点。你需要在javascript部分显示它。

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

在你的viewmodel中创建像这样的函数

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

在删除单击上实现删除确认框

1 个答案: