如何在ASP.NET购物车GridView每行添加删除按钮并实现删除功能

我来帮你搞定购物车的删除功能，咱们一步步来：

首先得说下现有代码的小问题：你用了GridView1.AutoGenerateColumns = true自动生成列，这种方式没法自定义添加删除按钮，而且循环里反复打开数据库连接也会拖慢性能。下面咱们从页面配置、数据绑定优化到删除逻辑实现，全流程调整：

1. 先修改ASPX页面的GridView声明 #

把自动生成列改成手动定义，添加删除按钮列，同时绑定事件处理删除操作：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
              OnRowCommand="GridView1_RowCommand" DataKeyNames="ProductId">
    <Columns>
        <asp:BoundField DataField="no" HeaderText="序号" />
        <asp:BoundField DataField="Item" HeaderText="商品名称" />
        <asp:BoundField DataField="Quantity" HeaderText="数量" />
        <asp:BoundField DataField="Price" HeaderText="单价" DataFormatString="{0:C}" />
        <asp:BoundField DataField="Total" HeaderText="小计" DataFormatString="{0:C}" />
        <!-- 添加删除按钮列，带确认提示 -->
        <asp:TemplateField HeaderText="操作">
            <ItemTemplate>
                <asp:LinkButton ID="lnkDelete" runat="server" 
                                CommandName="Delete" 
                                CommandArgument='<%# Container.DataItemIndex %>'
                                OnClientClick="return confirm('确定要删除该商品吗？');">
                    删除
                </asp:LinkButton>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

这里设置DataKeyNames="ProductId"是为了后续能可靠获取要删除的商品ID，避免从页面元素取值的风险。

2. 优化购物车数据绑定方法 #

原来的循环查库效率太低，咱们改成一次性查询所有购物车商品，同时计算总价：

public void ViewItemInCart()
{
    decimal total = 0;
    if (Session["Cart"] != null)
    {
        List<OrderDetail> cart = (List<OrderDetail>)Session["Cart"];
        
        // 处理购物车为空的情况
        if (cart.Count == 0)
        {
            GridView1.DataSource = null;
            GridView1.DataBind();
            lblGrand.Visible = false;
            lblGrandTotal.Visible = false;
            return;
        }

        // 一次性查询所有商品，关联购物车数量计算小计
        DataSet ds = new DataSet();
        using (SqlConnection connection = new SqlConnection(DatabaseConnection.GetConnectionString()))
        {
            connection.Open();
            // 用VALUES子句批量关联购物车数据
            string cartValues = string.Join(",", cart.Select(o => $"({o.ProductId}, {o.Quantity})"));
            string sql = @"
                SELECT 
                    i.itemId as ProductId,
                    ROW_NUMBER() OVER(ORDER BY i.itemId) as no,
                    i.itemName as Item,
                    c.Quantity,
                    i.Price,
                    c.Quantity * i.Price as Total
                FROM tbl_item i
                INNER JOIN (VALUES " + cartValues + @") as c(ProductId, Quantity)
                ON i.itemId = c.ProductId";

            SqlDataAdapter da = new SqlDataAdapter(sql, connection);
            da.Fill(ds);
        }

        // 计算总价
        if (ds.Tables[0].Rows.Count > 0)
        {
            total = ds.Tables[0].AsEnumerable().Sum(row => Convert.ToDecimal(row["Total"]));
        }

        GridView1.DataSource = ds;
        GridView1.DataBind();

        lblGrand.Visible = true;
        lblGrandTotal.Visible = true;
        lblGrandTotal.Text = total.ToString("C");
    }
    else
    {
        // Session无购物车时的空状态处理
        GridView1.DataSource = null;
        GridView1.DataBind();
        lblGrand.Visible = false;
        lblGrandTotal.Visible = false;
    }
}

这个版本做了这些优化：

• 只打开一次数据库连接，批量查询所有商品
• 用ROW_NUMBER()自动生成序号，不用手动维护索引
• 处理了购物车为空的边界情况
• 总价计算用LINQ更简洁，价格自动格式化货币样式

3. 实现删除按钮的点击逻辑 #

在后台添加GridView1_RowCommand事件处理方法，移除Session中对应的购物车项后重新绑定：

protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "Delete")
    {
        // 获取当前点击行的索引
        int rowIndex = Convert.ToInt32(e.CommandArgument);
        // 从DataKeys中取商品ID（安全可靠）
        int productId = Convert.ToInt32(GridView1.DataKeys[rowIndex].Value);

        if (Session["Cart"] != null)
        {
            List<OrderDetail> cart = (List<OrderDetail>)Session["Cart"];
            // 移除对应商品ID的所有项
            cart.RemoveAll(o => o.ProductId == productId);
            // 更新Session中的购物车
            Session["Cart"] = cart;
            // 重新绑定购物车显示
            ViewItemInCart();
        }
    }
}

额外小提示 #

• 确保你的OrderDetail类包含ProductId和Quantity属性，否则上述代码会报错
• 如果需要支持同一商品多次添加（保留多条记录），可以修改删除逻辑，根据行索引移除对应项，而不是按商品ID移除所有

内容的提问来源于stack exchange，提问作者Bhabuk Kunwar