Question

我正在尝试使用像这样的图像按钮删除gridview中的一行

                        <asp:TemplateField>
                        <ItemTemplate>
                            <asp:ImageButton ID="imgDelete" CssClass="gridColumnDelete" runat="server" ImageUrl="~/Imgs/Delete.png" AlternateText="Delete"  
                            CommandName="Delete" CommandArgument="<%#((GridViewRow)Container).RowIndex %>"/>
                        </ItemTemplate>
                    </asp:TemplateField>

我已经编写了jQuery对话框来确认删除

$(document).ready(function () {
confirm();
    });

    function confirm() {
        $(".gridColumnDelete").click(function () {
            $("#dialog-confirm").dialog({
                resizable: false,
                height: 140,
                modal: true,
                buttons: {
                    "Yes": function () {
                        __doPostBack(); 
                        $(this).dialog("close");
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }

            });
        });
        return false;
    }

用于对话的div标签是

 <div id="dialog-confirm" title="Confirm?" style="display:none">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Are you sure to delete the trip?</p>
</div>

问题是我是否在对话框中单击是或取消Gridview_RowCommand在c＃中执行。

事实上，甚至在我点击确认对话框中的任何按钮

之前，就会执行Gridview_RowCommand

Answer 1

在结尾处删除return语句并执行以下操作

"Yes": function () {
   // __doPostBack(); 
    $(this).dialog("close");
    return true;
},
"Cancel": function () {
    $(this).dialog("close");
    return false;
}

并将asp:ImageButton更改为

<asp:ImageButton ID="imgDelete"  OnClientClick="return confirm();" CssClass="gridColumnDelete" runat="server" ImageUrl="~/Imgs/Delete.png" AlternateText="Delete"  
                            CommandName="Delete" CommandArgument="<%#((GridViewRow)Container).RowIndex %>"/>

Answer 2

"Yes": function () {
    $(this).dialog("close");
    return true;
},
"Cancel": function () {
    $(this).dialog("close");
    return false;
}

<asp:ImageButton ID="imgDelete"  OnClientClick="return confirm();" CssClass="gridColumnDelete" runat="server" ImageUrl="~/Imgs/Delete.png" AlternateText="Delete"  
                            CommandName="Delete" CommandArgument="<%#((GridViewRow)Container).RowIndex %>"/>

Answer 3

使用以下链接修复了问题 http://www.codeproject.com/Articles/238122/Delete-Functionality-in-GridView-with-Confirmation [CodeProject上] [1]

来自gridview行的jQuery确认对话框始终回发

3 个答案: