jquery - 在按钮上显示警报框 - 淘汰赛

Question

再会

我正在使用一种使用敲除来添加数据的表单。现在，当单击“删除”按钮（见下文）时，它会删除条目而不会发出警告。我如何首先提醒用户他将要删除该项目？

谢谢

HTML

   <td><input type="button" class="register" value="Remove" data-bind="click: function(){ vm.Remove($data) }" /></td>

昏死

 var vm = {
            Data: ko.observable(),

            Remove: function (card)
            {
                console.log(card.CardId());

                var d = {
                    cardId: card.CardId()
                }

                var options =
                {
                    url: "MyAccount.aspx/DeleteCard",
                    type: "POST",
                    contentType: "application/json",
                    data: JSON.stringify(d),

                    success: function (response)
                    {
                        window.location = window.location;
                    }
                }

                $.ajax(options);
            }
        }

        var cardsBound = false;

        $(document).ready(function () {

            LoadCards();
            $("#")
        });

        function LoadCards() {
            var options =
            {
                url: "MyAccount.aspx/GetCardTypes",
                type: "POST",
                contentType: "application/json",

                success: function (response) {

                    vm.Data(ko.utils.unwrapObservable(ko.mapping.fromJS(response.d)));

                    if (!cardsBound)
                        ko.applyBindings(vm);
                    cardsBound = true;
                }
            }
            $.ajax(options);
        }

Answer 1

您可以使用window.confirm打开一个确认框，捕获响应并仅在响应为true. 像这样的东西：

data-bind="click: function(){ if (confirm('Delete, really?')) { vm.Remove($data) } }"

Answer 2

knockout.js 没有什么特别之处，只需使用 JavaScript 函数即可confirm()：

data-bind="click: function(){ if (confirm('really?') vm.Remove($data) }"