ASP.NET GridView自动更新实现咨询（附GridView代码示例）

嘿，我来帮你搞定这个GridView的自动更新功能！结合你给出的代码片段，我整理了两种常见的实现方式——基础的编辑-确认更新模式，以及进阶的**自动保存（无需点击按钮）**模式，你可以根据需求来选：

一、基础版：编辑-确认更新模式 #

这个模式是最常用的，用户点击编辑按钮进入编辑状态，修改后点击更新按钮提交到数据库。

1. 给GridView添加编辑命令列 #

首先在你的<Columns>节点里加入一个CommandField，用来生成编辑、更新、取消按钮：

<asp:CommandField ShowEditButton="True" EditText="编辑" UpdateText="更新" CancelText="取消" />

加完之后，GridView的每一行都会出现对应的操作按钮，点击“编辑”就会进入编辑模式，原来的绑定列会变成可编辑的文本框。

2. 绑定GridView的更新相关事件 #

接下来要给GridView绑定几个关键事件，用来处理编辑、取消、更新的逻辑。修改你的GridView标签：

<asp:GridView ID="grdPrintData" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" Width="100%"
    OnRowEditing="grdPrintData_RowEditing"
    OnRowCancelingEdit="grdPrintData_RowCancelingEdit"
    OnRowUpdating="grdPrintData_RowUpdating">
    <!-- 你的原有列配置 -->
    <AlternatingRowStyle BackColor="#B6C4DE"></AlternatingRowStyle>
    <Columns>
        <asp:BoundField DataField="S No" HeaderText="S No" SortExpression="S No">
            <ItemStyle HorizontalAlign="Center" />
        </asp:BoundField>
        <asp:BoundField DataField="Object ID" HeaderText="Object ID" SortExpression="Object ID">
            <ItemStyle HorizontalAlign="Center" />
        </asp:BoundField>
        <!-- 刚才加的CommandField -->
        <asp:CommandField ShowEditButton="True" EditText="编辑" UpdateText="更新" CancelText="取消" />
    </Columns>
</asp:GridView>

3. 后台代码实现事件逻辑 #

打开对应的.aspx.cs文件，实现这三个事件：

（1）进入编辑模式（RowEditing）

protected void grdPrintData_RowEditing(object sender, GridViewEditEventArgs e)
{
    // 设置当前要编辑的行索引
    grdPrintData.EditIndex = e.NewEditIndex;
    // 重新绑定数据，让GridView显示编辑状态
    BindGridViewData(); // 这个是你原来用来绑定数据的方法，比如从数据库取数再绑定到GridView
}

（2）取消编辑（RowCancelingEdit）

protected void grdPrintData_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
    // 退出编辑模式，把EditIndex设为-1
    grdPrintData.EditIndex = -1;
    // 重新绑定数据恢复正常显示
    BindGridViewData();
}

（3）执行更新操作（RowUpdating）

protected void grdPrintData_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
    // 获取当前正在编辑的行
    GridViewRow editRow = grdPrintData.Rows[e.RowIndex];

    // 从编辑控件里获取修改后的值
    // 注意：如果你的列前面加了CommandField，那么Cells索引要往后移一位（比如原来的S No是Cells[0]，现在变成Cells[1]）
    string sNo = ((TextBox)editRow.Cells[1].Controls[0]).Text;
    string objectId = ((TextBox)editRow.Cells[2].Controls[0]).Text;

    // 这里写更新数据库的逻辑，我用SqlConnection举个例子，你可以换成EF或者其他ORM
    using (SqlConnection conn = new SqlConnection("你的数据库连接字符串"))
    {
        // 注意列名有空格，要用方括号包裹避免SQL语法错误
        string updateSql = "UPDATE 你的表名 SET [Object ID] = @ObjectId WHERE [S No] = @SNo";
        SqlCommand cmd = new SqlCommand(updateSql, conn);
        cmd.Parameters.AddWithValue("@SNo", sNo);
        cmd.Parameters.AddWithValue("@ObjectId", objectId);
        
        conn.Open();
        cmd.ExecuteNonQuery();
        conn.Close();
    }

    // 更新完成后退出编辑模式
    grdPrintData.EditIndex = -1;
    // 重新绑定数据，显示最新的内容
    BindGridViewData();
}

小优化：用TemplateField替代BoundField（更灵活） #

如果你的列需要自定义编辑控件（比如下拉框、日期选择器），或者不想依赖Cells索引（容易出错），可以把BoundField改成TemplateField：

<asp:TemplateField HeaderText="S No" SortExpression="S No">
    <ItemTemplate>
        <%# Eval("S No") %>
    </ItemTemplate>
    <EditItemTemplate>
        <!-- 这里可以用Label显示主键，不让用户修改 -->
        <asp:Label ID="lblSNo" runat="server" Text='<%# Eval("S No") %>'></asp:Label>
    </EditItemTemplate>
    <ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Object ID" SortExpression="Object ID">
    <ItemTemplate>
        <%# Eval("Object ID") %>
    </ItemTemplate>
    <EditItemTemplate>
        <asp:TextBox ID="txtObjectId" runat="server" Text='<%# Bind("Object ID") %>'></asp:TextBox>
    </EditItemTemplate>
    <ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>

这种方式下，在RowUpdating里获取值更可靠：

// 获取主键S No
string sNo = ((Label)editRow.FindControl("lblSNo")).Text;
// 获取修改后的Object ID
string objectId = ((TextBox)editRow.FindControl("txtObjectId")).Text;

二、进阶版：自动保存（无需点击更新按钮） #

如果想要真正的“自动更新”——用户修改完内容，失去焦点就自动保存到数据库，不用点击更新按钮，可以用AJAX来实现：

1. 配置ScriptManager并启用PageMethods #

在页面里添加ScriptManager，并且开启EnablePageMethods：

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>

2. 后台添加WebMethod用来处理更新 #

在.aspx.cs里添加一个静态的WebMethod（必须是静态的）：

[System.Web.Services.WebMethod]
public static bool AutoUpdateData(string sNo, string objectId)
{
    try
    {
        using (SqlConnection conn = new SqlConnection("你的数据库连接字符串"))
        {
            string updateSql = "UPDATE 你的表名 SET [Object ID] = @ObjectId WHERE [S No] = @SNo";
            SqlCommand cmd = new SqlCommand(updateSql, conn);
            cmd.Parameters.AddWithValue("@SNo", sNo);
            cmd.Parameters.AddWithValue("@ObjectId", objectId);
            
            conn.Open();
            cmd.ExecuteNonQuery();
            conn.Close();
        }
        return true; // 更新成功返回true
    }
    catch (Exception ex)
    {
        // 可以在这里记录日志
        return false; // 更新失败返回false
    }
}

3. 修改EditItemTemplate的控件，添加自动保存逻辑 #

把之前的EditItemTemplate里的TextBox加上onblur事件，触发JavaScript函数：

<asp:TemplateField HeaderText="Object ID" SortExpression="Object ID">
    <ItemTemplate>
        <%# Eval("Object ID") %>
    </ItemTemplate>
    <EditItemTemplate>
        <asp:TextBox ID="txtObjectId" runat="server" Text='<%# Bind("Object ID") %>' 
            onblur="saveData('<%# Eval("S No") %>', this.value)"></asp:TextBox>
    </EditItemTemplate>
    <ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>

4. 添加JavaScript函数调用WebMethod #

在页面底部添加脚本：

function saveData(sNo, newObjectId) {
    // 调用后台的WebMethod
    PageMethods.AutoUpdateData(sNo, newObjectId, function (result) {
        if (result) {
            // 更新成功可以提示，也可以静默处理
            console.log('数据更新成功');
        } else {
            alert('数据更新失败，请重试');
        }
    });
}

这样用户修改完文本框，点击其他地方失去焦点时，就会自动把数据提交到数据库更新了。

注意事项 #

• 确保你的BindGridViewData()方法能正确从数据库获取最新数据并绑定到GridView。
• 数据库操作记得用参数化查询，避免SQL注入。
• 如果是生产环境，记得添加异常处理和日志记录，方便排查问题。

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