在按钮上显示警告框 - 敲除

时间:2013-03-05 08:45:25

标签: jquery knockout.js

美好的一天

我使用的是使用knocknout添加数据的表单。 现在当点击“删除”按钮(见下文)时,它会在没有警告的情况下删除该条目。如何提醒用户他即将删除该项?

谢谢

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);
        }

2 个答案:

答案 0 :(得分:3)

您可以使用window.confirm打开确认框,捕获回复,只有在回复为true时才会删除。像这样:

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

答案 1 :(得分:1)

关于它没有什么特别的敲门.js,只需使用JavaScript函数confirm()

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