GridView TemplateField 确认框：带超链接的GridView回发删除数据实现

我来帮你搞定这个带超链接的GridView回发删除数据的需求～下面分两种常用方案给你演示，你可以根据自己的需求选择：

方案1：用GridView自带的CommandField删除按钮 #

这种方式最简单，直接利用GridView内置的删除功能，配合SqlDataSource就能快速实现：

前端ASPX代码 #

<asp:GridView ID="downloadFilesTable" runat="server" BorderStyle="Solid" 
    AutoGenerateColumns="False" DataKeyNames="DOCID" 
    DataSourceID="SqlDataSource1" 
    OnSelectedIndexChanged="downloadFilesTable_SelectedIndexChanged">
    <Columns>
        <!-- 你的原有字段 -->
        <asp:BoundField DataField="DOCID" HeaderText="DOCID" InsertVisible="False" ReadOnly="True" SortExpression="DOCID" />
        <asp:BoundField DataField="FileName" HeaderText="文件名" SortExpression="FileName" />
        <asp:BoundField DataField="UploadTime" HeaderText="上传时间" SortExpression="UploadTime" />
        
        <!-- 添加自带的删除按钮，自动触发回发和删除逻辑 -->
        <asp:CommandField ShowDeleteButton="True" DeleteText="删除" />
    </Columns>
</asp:GridView>

<!-- 配置SqlDataSource的删除命令 -->
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:YourDatabaseConn %>"
    SelectCommand="SELECT DOCID, FileName, UploadTime FROM YourDocumentTable"
    DeleteCommand="DELETE FROM YourDocumentTable WHERE DOCID = @DOCID">
    <DeleteParameters>
        <asp:Parameter Name="DOCID" Type="Int32" />
    </DeleteParameters>
</asp:SqlDataSource>

方案2：自定义超链接样式的删除按钮（更灵活） #

如果想要更自定义的按钮样式，比如改成超链接样式的文字，或者添加删除确认提示，可以用TemplateField+LinkButton实现：

前端ASPX代码 #

<asp:GridView ID="downloadFilesTable" runat="server" BorderStyle="Solid" 
    AutoGenerateColumns="False" DataKeyNames="DOCID" 
    DataSourceID="SqlDataSource1" 
    OnSelectedIndexChanged="downloadFilesTable_SelectedIndexChanged"
    OnRowDeleting="downloadFilesTable_RowDeleting"> <!-- 绑定自定义删除事件 -->
    <Columns>
        <!-- 你的原有字段 -->
        <asp:BoundField DataField="DOCID" HeaderText="DOCID" InsertVisible="False" ReadOnly="True" SortExpression="DOCID" />
        <asp:BoundField DataField="FileName" HeaderText="文件名" SortExpression="FileName" />
        <asp:BoundField DataField="UploadTime" HeaderText="上传时间" SortExpression="UploadTime" />
        
        <!-- 自定义删除按钮，模拟超链接样式 -->
        <asp:TemplateField HeaderText="操作">
            <ItemTemplate>
                <asp:LinkButton ID="lnkDelete" runat="server" 
                    CommandName="Delete" 
                    CssClass="link-style" <!-- 可以加CSS改成超链接样式 -->
                    OnClientClick="return confirm('确定要删除这条记录吗？');">
                    删除
                </asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<!-- 同样配置SqlDataSource的删除命令 -->
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:YourDatabaseConn %>"
    SelectCommand="SELECT DOCID, FileName, UploadTime FROM YourDocumentTable"
    DeleteCommand="DELETE FROM YourDocumentTable WHERE DOCID = @DOCID">
    <DeleteParameters>
        <asp:Parameter Name="DOCID" Type="Int32" />
    </DeleteParameters>
</asp:SqlDataSource>

后端C#代码（可选，用于自定义删除逻辑） #

如果需要在删除前做额外操作（比如删除服务器上的对应文件），可以在RowDeleting事件里处理：

protected void downloadFilesTable_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
    // 从GridView的DataKeys里获取主键，这是最安全的方式
    int docId = Convert.ToInt32(downloadFilesTable.DataKeys[e.RowIndex].Value);
    
    // 示例：删除服务器上的对应文件
    // string fileSavePath = Server.MapPath($"~/Uploads/{GetFileNameById(docId)}");
    // if (System.IO.File.Exists(fileSavePath))
    // {
    //     System.IO.File.Delete(fileSavePath);
    // }
    
    // 如果你用SqlDataSource，默认会自动执行DeleteCommand，这里不用额外写数据库删除代码
    // 只需要添加你需要的自定义逻辑即可
}

关键注意点 #

• 必须设置DataKeyNames="DOCID"：GridView会通过这个属性识别每条记录的主键，确保删除时能正确传递参数到SqlDataSource
• 自定义LinkButton要设置CommandName="Delete"：这样GridView才会触发RowDeleting事件，自动关联删除逻辑
• 添加OnClientClick="return confirm('确定要删除吗？');"：可以避免误删除，提升用户体验

内容的提问来源于stack exchange，提问作者Aaron Lee Herng Yue