如何确定在gridview中单击了哪个按钮

时间:2014-03-12 09:25:00

标签: c# asp.net gridview

我有一个gridview,我的gridview有一个模板图片按钮,用于删除一行。 目前,我使用rowcommand和rowargument为此图像按钮识别要删除的行。但我需要实现以下方案:

我希望当用户点击图像按钮,没有回发,一个模态框(引导模态)打开,并且只有当用户点击是我确定按钮在模态,回发发生和数据删除...

这是否可以使用asp.net gridview,如果是的话,我如何确定哪个按钮点击“yesI'm sure button”???

谢谢

1 个答案:

答案 0 :(得分:0)

是的,这是可能的。请尝试以下代码:

<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...
    }
}