如何解决ASP.NET VB GridView首次点击按钮时重复添加行及空行问题？

一、首次点击添加两行的原因及修复 #

这种情况最常见的诱因是Page_Load事件中未做IsPostBack判断，导致每次页面回发（包括按钮点击）都会重新初始化数据源并绑定，叠加了按钮事件的添加操作。比如：如果你的Page_Load里直接绑定了空DataTable，首次点击按钮时，Page_Load先执行一次绑定，接着按钮事件再添加一行，最终GridView就会出现两行（初始空行+新增行）。

修复步骤：

1. 把数据源（比如DataTable）存在ViewState中，确保回发时能保留之前的数据
2. 在Page_Load中只在首次加载（非回发）时初始化绑定

示例代码：

' 用ViewState保存DataTable的属性
Private Property StockData As DataTable
    Get
        If ViewState("StockTable") Is Nothing Then
            ' 初始化DataTable结构
            Dim dt As New DataTable()
            dt.Columns.Add("ID", GetType(Integer))
            dt.Columns.Add("ProductName", GetType(String))
            dt.Columns.Add("Quantity", GetType(Integer))
            ' 设置ID自增，避免手动维护序号
            dt.Columns("ID").AutoIncrement = True
            dt.Columns("ID").AutoIncrementSeed = 1
            ViewState("StockTable") = dt
        End If
        Return CType(ViewState("StockTable"), DataTable)
    End Get
    Set(value As DataTable)
        ViewState("StockTable") = value
    End Set
End Property

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    ' 仅首次加载时绑定GridView
    If Not IsPostBack Then
        BindGridView()
    End If
End Sub

' 封装GridView绑定方法
Private Sub BindGridView()
    GridView1.DataSource = StockData
    GridView1.DataBind()
End Sub

另外，也可以检查按钮的UseSubmitBehavior属性，确保它设为True（默认值），避免客户端脚本冲突导致的重复提交：

<asp:Button ID="btnAdd" runat="server" Text="添加库存" UseSubmitBehavior="True" />

二、避免添加空值行的校验逻辑 #

在按钮点击事件中，先对输入的字段做严格校验，只有符合要求的值才执行添加操作。示例如下：

Protected Sub btnAdd_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnAdd.Click
    ' 获取输入控件的值（这里假设你用txtProductName和txtQuantity作为输入框）
    Dim productName As String = txtProductName.Text.Trim()
    Dim quantityStr As String = txtQuantity.Text.Trim()
    Dim quantity As Integer

    ' 空值及有效性校验
    If String.IsNullOrEmpty(productName) Then
        lblMsg.Text = "⚠️ 产品名称不能为空！"
        Return
    End If
    ' 校验数量是否为有效的正整数
    If Not Integer.TryParse(quantityStr, quantity) OrElse quantity <= 0 Then
        lblMsg.Text = "⚠️ 请输入有效的正整数数量！"
        Return
    End If

    ' 添加行到DataTable
    Dim newRow As DataRow = StockData.NewRow()
    newRow("ProductName") = productName
    newRow("Quantity") = quantity
    StockData.Rows.Add(newRow)

    ' 重新绑定GridView并清空输入框
    BindGridView()
    txtProductName.Text = ""
    txtQuantity.Text = ""
    lblMsg.Text = ""
End Sub

三、额外注意事项 #

• 如果你的GridView启用了ViewState（默认是启用的），确保不要在回发时重新创建数据源，否则会丢失之前的行
• 若使用SqlDataSource而非内存DataTable，要注意避免重复执行插入语句，同样需要在合适的时机触发操作

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