如何添加确认信息ASP按钮点击

Question

我需要在点击按钮时添加确认。

我的ASPX代码如下。

<script>
    function ConfirmMessage() {
        confirmDialog('Delete TEST', "Are you sure you want to delete");
    }
</script>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Panel ID="Panel1" runat="server">
        <div class="service-display-order">
            <div class="row">
                <div class="col-xs-12 text-right">
                    <button id="serviceBack" class="btn btn-default" onclick="onLinkClick('ServicesAdmin.aspx');return false;" ><i class="fa fa-arrow-left" aria-hidden="true" ></i>&nbsp;Back</button>
                    <button id="btnSaveDisplayOrder" runat="server" onserverclick="btnSaveDisplayOrder_Click" class="btn btn-default"><i class="fa fa-user-plus" aria-hidden="true"></i>&nbsp;Save</button>
                    <asp:HiddenField ID="hdnDisplayOrderSaveData" runat="server" Value="" />
                </div>
            </div>
        </div>
    </asp:Panel>
</asp:Content>

我已经有了确认对话框的JS功能，如下。

function confirmDialog(title, message, callbackOnYes, callbackOnNo, callbackOnClose, callbackXClose) {
    var this$ = this.$;
    this$.modal.close();
    this$('#confirm').modal({
        closeHTML: "<a href='#' id='modalClose' title='Close' class='modal-close'>x</a>",
        overlayId: 'simplemodal-overlay',
        containerId: 'simplemodal-container',
        onShow: function (dialog) {
            this$('#simplemodal-container').css({ 'width': 'auto', 'height': 'auto', 'padding-bottom': '5px' });
            this$('.message').css("display", "block");
            this$('.message', dialog.data[0]).append(message);
            this$('.title', dialog.data[0]).append(title ? title : 'Confirm');
            var tmpW = this$('#simplemodal-container').width() / 2
            var tmpH = this$('#simplemodal-container').height() / 2
            this$('#simplemodal-container').css({ 'margin-left': tmpW * -1, 'margin-top': tmpH * -1 })
            if (!this$.isFunction(callbackOnYes)) {
                this$('.yesbutton', dialog.data[0]).css("display", "none");
                this$('.nobutton', dialog.data[0]).css("display", "none");
            } else {
                this$('.closebutton', dialog.data[0]).css("display", "none");
            }

            // if the user clicks "yes"
            this$('.yesbutton', dialog.data[0]).click(function () {
                // call the callback
                if (this$.isFunction(callbackOnYes)) {
                    callbackOnYes();
                }
                // close the dialog
                this$.modal.close();
            });

            // if the user clicks "no"
            this$('.nobutton', dialog.data[0]).click(function () {
                // call the callback
                if (this$.isFunction(callbackOnNo)) {
                    callbackOnNo();
                }
                // close the dialog
                this$.modal.close();
            });

            // if the user clicks "close"
            this$('.closebutton', dialog.data[0]).click(function () {
                // close the dialog
                this$.modal.close();
            });

            $("#modalClose").click(function () {
                if (this$.isFunction(callbackXClose)) {
                    callbackXClose();
                }
            });
        },
        onClose: function () { this$.modal.close(); if (this$.isFunction(callbackOnClose)) callbackOnClose(); }
    });
}

我试着添加 OnClientClick 到按钮，但它不工作。

<button id="btnSaveDisplayOrder" runat="server" OnClientClick="ConfirmMessage() return false;" onserverclick="btnSaveDisplayOrder_Click" class="btn btn-default"><i class="fa fa-user-plus" aria-hidden="true"></i>&nbsp;Save</button>

而且还试图从Code-behind调用它。

protected void btnSaveDisplayOrder_Click(object sender, EventArgs e)
{
    //ClientScript.RegisterStartupScript(typeof(Page), "Popup", "ConfirmMessage()", true);
}

但它也不工作，我怎么能添加确认弹出，请帮助我。

Answer 1

你有没有试过设置一个简单的

alert('message')

我只是想检查一下代码是否正常工作，当在OnClientClick中添加一个函数时，我通常不需要做任何事情，只需要添加函数的名称，除非我正在发送参数。

当添加一个函数到OnClientClick时，我通常不需要做任何事情，只需要添加函数的名称，除非我发送参数。

OnClientClick="ConfirmMessage()"

你把函数贴出来了 但你把它放在哪里？如果它在一个外部文件上，那么你需要说明你把它放在哪里。

从后面的代码来看，你也可以添加一个警报，只要在你的事件上添加一个新的控制器就可以了。