如何在 asp.net 中的 ConfirmButtonExtender 之前调用 javascript 函数？答案

【问题标题】：How to call javascript function before ConfirmButtonExtender in asp.net?如何在 asp.net 中的 ConfirmButtonExtender 之前调用 javascript 函数？
【发布时间】：2014-04-07 14:27:23
【问题描述】：

我有一个 asp:Button，我想在 ConfirmButtonExtender 采取行动之前调用 javascript 函数。但我的 javascript 代码不起作用。请告诉我如何在 javascript 中使用 ConfirmButtonExtender。

<asp:Button ID="UpdatebuttonUpdaterID" runat="server" Text="Update" CssClass="create_role_button_in"
                                    OnClick="UpdatebuttonUpdaterID_Click" OnClientClick="return OnClientClickUpdate();"/>
                                    <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender3" runat="server" TargetControlID="UpdatebuttonUpdaterID"
                                    ConfirmText="Do you want to send this Conversion Rate for Approval?" ConfirmOnFormSubmit="true" OnClientCancel="CancelClick"/>

这是我的 javascript 代码。

    function OnClientClickUpdate() {

                alert("hello");
}

【问题讨论】：

标签： javascript asp.net ajax ajaxcontroltoolkit

【解决方案1】：

您可以使用 ConfirmButtonExtender 的 Behavior 属性并为其添加 javascript 函数，这样 javascript 函数将在 ConfirmButtonExtender 的 ConfirmText 属性之前被调用。

将您的标记修改为以下内容：

<asp:Button ID="UpdatebuttonUpdaterID" runat="server" Text="Update" CssClass="create_role_button_in"
                                    OnClick="UpdatebuttonUpdaterID_Click" OnClientClick="return OnClientClickUpdate();"/>
                                    <ajaxToolkit:ConfirmButtonExtender BehaviorID="confirmBehavior" ID="ConfirmButtonExtender3" runat="server" TargetControlID="UpdatebuttonUpdaterID"
                                    ConfirmText="Do you want to send this Conversion Rate for Approval?" ConfirmOnFormSubmit="true" OnClientCancel="CancelClick"/>   
 <script type="text/ecmascript">
        Sys.Application.add_load(wireEvents);

        function wireEvents() {
            var behavior = $find("confirmBehavior");
            behavior.add_showing(OnClientClickUpdate);
        }

        function OnClientClickUpdate() {
            alert("hello");
        }
    </script>

希望它有所帮助，此答案的来源Here。

【讨论】：

【解决方案2】：

你可以放弃使用确认扩展器（除非你真的需要它）并使用 javascript：

function OnClientClickUpdate()
{
   alert("first click");
   //do some stuff
   return confirm("are you sure?");
}

【讨论】：