在gridview中通过css+jquery实现删除提示

首页 | 新闻 | 交流 | 问吧 | 文档 | 手册 | 下载 | 博客

在gridview中通过css+jquery实现删除提示

作者:  时间: 2011-06-14

以前: 

在GridView中添加一个模板列:LinkButton.设置CommandName="Delete",OnClientClick="return confirm('确认要删除吗?');"

jquery效果

<asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateColumns="False"
                    PagerSettings-Visible="false" DataKeyNames="FamilyMembersID" CssClass="jqGrid"
                    OnSorting="gridViewList_Sorting" OnRowDataBound="gridViewList_RowDataBound" OnRowDeleting="gridViewList_RowDeleting">
                    <Columns>
                        <asp:TemplateField HeaderText="删除" ItemStyle-HorizontalAlign="Center">
                            <ItemTemplate>
                                <asp:Button ID="btnDel" runat="server" CommandName="Delete" CssClass="del ButtonDel" Text="删除"
                                    ToolTip="删除操作" />
                              </ItemTemplate>
                            <HeaderStyle CssClass="alignCenter" Width="30px" />
                        </asp:TemplateField>

</Columns>

</asp:GridView>

后台:

protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
    
{
        
int j = Convert.ToInt32(GridView1.DataKeys[e.RowIndex].Value);
        addb.DeleteADType(j);
        GridView1.DataSource 
= addb.GetAdType().Tables[0];
        GridView1.DataBind();
    }

jquery代码:

 $(function () {
            $('.ButtonDel‘).each(function () {
                $(this).click(function () {
                    return confirm("删除后无法恢复,请确认!");
                });
            });
        });

实现效果: