如何创建预填充序号与PRODUCTS列的GridView（其余列设文本框）

这需求实现起来很直观，我给你梳理完整的步骤和代码示例，你可以直接参考调整：

1. 前端GridView结构定义 #

首先在ASPX页面里配置GridView，把序号列、预填充的PRODUCTS列和可编辑的文本框列分开定义：

<asp:GridView ID="gvProducts" runat="server" AutoGenerateColumns="False" 
    OnRowDataBound="gvProducts_RowDataBound" CssClass="table table-bordered">
    <Columns>
        <!-- 序号列：用模板列放Label，后台动态赋值 -->
        <asp:TemplateField HeaderText="序号">
            <ItemTemplate>
                <asp:Label ID="lblSerialNo" runat="server" CssClass="text-center"></asp:Label>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" />
        </asp:TemplateField>

        <!-- 预填充的PRODUCTS列：直接绑定数据源字段，设为只读 -->
        <asp:BoundField DataField="ProductName" HeaderText="PRODUCTS" ReadOnly="True">
            <HeaderStyle HorizontalAlign="Center" />
        </asp:BoundField>

        <!-- 可编辑文本框列：根据你的需求添加更多列 -->
        <asp:TemplateField HeaderText="数量">
            <ItemTemplate>
                <asp:TextBox ID="txtQuantity" runat="server" Width="80px"></asp:TextBox>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" />
        </asp:TemplateField>

        <asp:TemplateField HeaderText="单价">
            <ItemTemplate>
                <asp:TextBox ID="txtPrice" runat="server" Width="80px"></asp:TextBox>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" />
        </asp:TemplateField>

        <asp:TemplateField HeaderText="备注">
            <ItemTemplate>
                <asp:TextBox ID="txtRemark" runat="server" TextMode="MultiLine" Rows="2" Width="150px"></asp:TextBox>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" />
        </asp:TemplateField>
    </Columns>
</asp:GridView>

2. 后台数据绑定与序号处理 #

在代码后台（.cs文件）里，先准备产品数据源（可以是数据库查询结果或模拟数据），然后绑定到GridView，同时通过RowDataBound事件生成序号：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 模拟产品数据，实际项目替换为数据库查询逻辑（比如EF、SqlDataAdapter）
        var productList = new List<Product>
        {
            new Product { ProductName = "笔记本电脑" },
            new Product { ProductName = "无线鼠标" },
            new Product { ProductName = "机械键盘" }
        };

        // 绑定数据源到GridView
        gvProducts.DataSource = productList;
        gvProducts.DataBind();
    }
}

// 产品实体类，根据实际业务调整字段
public class Product
{
    public string ProductName { get; set; }
    // 如果需要给文本框设置默认值，可以添加对应字段（如DefaultQuantity、DefaultPrice）
}

// 动态生成序号列
protected void gvProducts_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // 序号从1开始，RowIndex从0计数，所以加1
        Label lblSerialNo = (Label)e.Row.FindControl("lblSerialNo");
        lblSerialNo.Text = (e.Row.RowIndex + 1).ToString();
    }
}

3. 额外说明 #

• 数据源替换：如果PRODUCTS列的数据来自数据库，只需要把productList替换为你的数据库查询结果即可（比如用Entity Framework查询DbContext.Products.ToList()）。
• 文本框默认值：如果需要给文本框设置初始值，可以在RowDataBound事件里给TextBox赋值，比如：

  TextBox txtQuantity = (TextBox)e.Row.FindControl("txtQuantity");
  txtQuantity.Text = DataBinder.Eval(e.Row.DataItem, "DefaultQuantity").ToString();
  

• 保存用户输入：后续要获取用户填写的内容时，遍历GridView的行，找到对应TextBox取值即可：

  foreach (GridViewRow row in gvProducts.Rows)
  {
      string productName = ((Label)row.Cells[1].Controls[1]).Text; // 获取PRODUCTS列值
      string quantity = ((TextBox)row.FindControl("txtQuantity")).Text;
      // 执行保存逻辑
  }
  

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