如何确定在网格视图中单击了哪个按钮

Question

我有一个gridview，我的gridview有一个用于图像按钮的模板字段，用于删除一行。 目前，我对该图像按钮使用rowcommand和rowargument来识别要删除的行。 但我需要实现以下方案：

我想当用户单击imagebutton时，不发生回发，打开一个模式框（bootstrap modal），并且仅当用户单击yes时，我才能确定模式中的按钮，回发并删除了数据...

使用asp.net gridview是否可能，如果是，如何确定“是的我确定按钮”中单击的按钮？

谢谢

Answer 1

是的，这是可能的。 请尝试以下代码：

<script type="text/javascript">

    function ShowModal(gridItemIndex) 
    {
        $(document).ready(function () 
            {
                $('#mymodal').modal('show');
                var row = gridItemIndex.parentNode.parentNode;
                var rowIndex = row.rowIndex-1; //row index of that row.
                document.getElementById("<%=hfID.ClientID %>").value =rowIndex;
            });
    }

</script>

<asp:gridview id="yourGridView" onrowcommand="GridView_RowCommand"
    <asp:TemplateField>
        <ItemTemplate>
            <asp:ImageButton name="btnDelete" CommandName="Delete" OnClientClick="return ShowModal(this);" ImageUrl="/imagepath.pgn" runat="server" />
        </ItemTemplate>
    </asp:TemplateField>
</asp:gridview>

然后在后面的代码中使用以下GridView事件。

protected void GridView_RowCommand(Object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName=="Delete")
    {
        // Write your delete code here...
    }
}