usesubmitbehaviour 设置为 false 时两个 asp:button 控件的确认弹出窗口

Question

我有一个嵌入在 asp.net (2.0) 页面中的控件。当控件位于页面上时，我想要按返回键在控件上运行操作时的默认行为，而不是页面上的任何内容。为此我发现

UseSubmitBehaviour="false"

页面上按钮的设置效果很好。这很好，直到我需要在单击页面上的此按钮时出现确认窗口。当他们按下该按钮时，他们将从系统中永久删除记录，并希望确保他们单击了正确的按钮。该按钮如下所示：

<asp:Button runat="server" ID="btnDeleteCollationResultstop" Text="Delete Selected" UseSubmitBehavior="true"
ToolTip="Delete all the selected items in the Collation tool"  OnClick="btnDeleteCollationResults_Click" 
OnClientClick="return confirm('Are you sure you wish to Delete the selected Item(s)?');" />

如果我将 UseSubmitBehaviour 设置为 true，弹出确认窗口会加载并工作，但返回键会触发删除按钮，这又是我真的不这样做。不想要。

所以我的问题是如何让它执行以下操作：

1. 使返回键的默认操作在我的控件上触发，而不是在其所在的页面上触发

2. 确保当用户单击删除按钮时出现确认窗口，并且仅在确认删除时才继续？

谢谢乔恩

编辑

我刚刚的一个想法是让所有按钮都不会在返回时提交回来，并挂钩一些JQuery来监听Return并为我想要的按钮进行提交， （但不知道如何立即做到这一点）。

Answer 1

这里发生的情况是，当您在按钮中设置 UseSubmitBehavior="true" 时，该按钮将呈现为 .这使用了按下回车按钮时提交表单的浏览器默认行为。但如果设置 UseSubmitBehavior="false"，但按钮呈现为 ;并且，onclick 事件（在客户端中）连接到提交表单的“__doPostBack()”。

问题是，如果您向 OnClientClick 属性添加任何内容，它会在 __doPostBack() 之前运行。如果返回 true 或 false，它将结束 onclick 事件的处理，因为返回了一个值，并且 __doPostBack() 永远不会被触发。呈现的标签如下所示：

<input type="button" name="button1" value="Click Me" onclick="return confirm('are you sure?');__doPostBack('button1','')" id="button1" />

AjaxControlToolkit 有一个控件，如果您想使用它，它可以实现此功能。它是ConfirmButton控件（http://www.asp.net/ AJAX/AjaxControlToolkit/Samples/ConfirmButton/ConfirmButton.aspx）。

如果您想使用 jQuery，这里有一个示例，其功能与ConfirmButton 控件基本相同。

您的按钮应该看起来像这样（一定要删除 OnClientClick 属性）：

<asp:Button ID="button1" runat="server" Text="Click Me" UseSubmitBehavior="false" onclick="button1_Click" />

这是 JavaScript 代码：

<script type="text/javascript">
    $(function() {
        var btn = $('#<%= button1.ClientID %>');
        var oldScript = btn.attr('onclick');
        btn.attr('onclick', '');
        btn.click(function() {
            if (confirm('click a button.')) {
                if (oldScript) {
                    if ($.isFunction(oldScript)) {
                        oldScript();
                    } else {
                        eval(oldScript);
                    }
                }
                return true;
            } else {
                return false;
            }
        });
    });
</script>

基本上，它的作用是删除当前的“onclick”属性值并将其存储在临时变量中。然后它将确认连接到“单击”事件。如果confirm返回true，它将执行原来在“onclick”中的旧脚本。如果确认返回 false，则不会发生其他情况。