问 使用jquery-确认框停止回发，似乎无法获得返回值(webform项目)

EN

好吧，这是怎么回事？

在接近“每一个”的情况下，使用一些jQuery.UI对话框，甜警报和99%的情况下？

这些jQuery和JavaScript外接程序全部，在所有情况下都有一个巨大的“相似”方面：

也就是说，代码不等待，也不阻塞调用代码。

这种类型代码的技术术语是我们所称的异步代码。

在螺母壳中，当您调用这样的代码时，提示对话框或任何内容都会显示，但是代码不会停止。您调用的例程将100%通过其代码运行，显示对话框或其他什么，然后100%完成、退出并返回值。

这样的代码的原因是不冻结浏览器，不损坏重新绘制，并显示信息。

因此，在JavaScript中只有两个真正停止代码的命令是

“警报()”，并确认()。

以上两个命令将停止代码。因此，你的问题：

您有一个平面简按钮，并说一些代码删除或执行一个破坏性的选项，然后我们都连线代码如下：

        <asp:Button ID="cmdDelete" runat="server" Text="Server delete prompt" 
            OnClientClick="return confirm('Really delete this file?');"  />

而且，正如我们所知道的，如果用户点击cancel，那么按钮代码就不会运行。

但是，那些js外接程序和高级对话框呢？他们不会等的。

我没有您特定的js插件，但是由于我们都使用jQuery，所以我给出了一个如何使用jQuery.UI来实现这个功能的例子。

所以，我们拿着上面的按钮，现在这样做：

        <asp:Button ID="cmdTest" runat="server" Text="Server Delete Prompt" 
            ClientIDMode="Static" 
            OnClientClick="return mydeleteprompt(this)"/>

现在，在上面，我们调用一个例程，它将“显示”我们的对话框提示符。但是请记住上面的规则:代码流并不会停止调用js代码。

因此，我们需要做的仍然是第一次返回假。(现在显示了我们的酷提示对话框。

让这件事成功的方法？在上面我们通过了“这个”。在这种情况下，" this“是当前按钮。所以，我们的代码现在看起来如下：

        <div id="MyDialog" style="">
            <h4><i>my cool dialog text</i></h4>
            <h4><i>This delete can't be undone</i></h4>
    <script>
        var mydeleteok = false
        function mydeleteprompt(cmdBtn) {
            if (mydeleteok) {
                return true
            myDialog = $("#MyDialog")
            myDialog.dialog({
                title: "Delete the whole server system",
                modal: true,
                appendTo: "form",
                buttons: {
                    ok: function () {
                        myDialog.dialog('close')
                        mydeleteok= true
                        $(cmdBtn).click()
                    cancel: function () {
                        myDialog.dialog('close')
            return false
        }

请注意，非常-但超级杜柏关闭在上面。例程将返回false。这意味着您单击按钮，调用js例程，显示对话框，然后返回FALSE。

现在，显示对话框。如果单击“确定”按钮，我们设置变量= true，然后再次单击该按钮！

这一次，相同的例程将运行，但我们设置“标志”= true，代码运行，并返回true，服务器端按钮代码将运行。

它看起来是这样的：

​

​

所以，用户点击按钮，运行代码，显示对话框，返回"false“。

现在，如果用户点击"ok"，那么我们运行以下代码：

                buttons: {
                    ok: function () {
                        myDialog.dialog('close')
                        mydeleteok= true
                        $(cmdBtn).click()
                    },

所以，我们设置了标志= true，然后再次单击按钮！这一次，按钮调用我们的例程，但这次例程将返回true，现在该按钮的服务器端代码将运行。

那么，你的大问题和问题？近100%，如果不是所有的JavaScript代码，这些天异步运行。它不需要等待。

因此，有一些先进的概念，如“等待”和诸如JavaScript“承诺”之类的东西，但它仍然没有解决这个问题。

因此，asp.net按钮单击事件，使用onclientclick是一个很好的特性，但是当您想要使用某种类型的对话框“外接程序”时，它往往会出现一些问题，因为正如我所说的，它们都没有等待。因此，您必须采用上述概念，设置一个标志(该标志代码仅在页面加载时运行--第一次)。

实际上，在使用.click()运行该按钮之后，可能会再次设置标志= false。但是，由于服务器端按钮导致回发，那么在大多数情况下，我们的标志将被重新设置为false。

编辑:使用jquery的示例-确认。

如前所述，我从未使用过确认库(其中大约有1+百万可供查找--您可能应该提供一个链接)。

无论如何，该对话框的工作方式如下：

        <asp:Button ID="Button1" runat="server" Text="Button" CssClass="btn"
            OnClick="Button1_Click"
            OnClientClick="return myconfirm(this)"              
        <script>
            var myconfirmok = false
            function myconfirm(btn) {
                if (myconfirmok) {
                    return true
                $.confirm({
                    title: 'Confirm!',
                    content: 'Simple confirm!',
                    buttons: {
                        confirm: function () {
                            myconfirmok = true
                            $(btn).click()
                        cancel: function () {
                            console.log("user hit cancel")
                return false  // routine MUST return false!!!!
            }

注意，在上面非常小心-我们在最后一行返回false！

因此，单击按钮，客户端代码运行，显示对话框，返回false。

现在，用户可以单击“取消”按钮，也可以单击“确认”。如果他们点击确认，我们设置标志= true，然后单击再次传递的按钮。现在，我们的例程再次运行，这次返回true，因此您的服务器端代码现在运行。

Edit3：-问题是LinkButton的使用

这里的问题是如何使用jQuery (甚至JavaScript)来单击链接按钮？

你必须用这个：

        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("HotelName") %>' >
                </asp:TextBox>
                <asp:LinkButton ID="cmdDel" runat="server" ClientIDMode="Static"
                    CommandArgument='<%# Eval("ID") %>'
                    onclick="cmdDel_Click"
                    OnClientClick="return myconfirm(this)"                        
                    >delete</asp:LinkButton>
            </ItemTemplate>
        </asp:Repeater>
        <script>
            var myconfirmok = false
            function myconfirm(btn) {
                if (myconfirmok) {
                    return true
                $.confirm({
                    title: 'Confirm!',
                    content: 'Simple confirm!',
                    buttons: {
                        confirm: function () {
                            myconfirmok = true
                            $(btn)[0].click()
                        cancel: function () {
                            console.log("user hit cancel")
                return false  // routine MUST return false!!!!
        </script>

所以，你必须解决的点击，甚至与。

当然，我从不使用链接按钮--我通常只是插入一个标准按钮，并且没有太多的理由使用链接按钮。但是，问题是是否使用了jQuery.Click --它需要使用单击事件才能工作。

我的链接按钮单击事件背后的代码如下：

Protected Sub cmdDel_Click(sender As Object, e As EventArgs)
    Dim cmdDel As LinkButton = sender
    Dim intPKID As Integer = cmdDel.CommandArgument
    Debug.Print("code here to delete row with PK id = " & intPKID)
    ' get current repeater row
    Dim OnerepRow As RepeaterItem = cmdDel.NamingContainer
    Debug.Print("Repeter index row click = " & OnerepRow.ItemIndex)