ASP.NET DataGrid 編輯/更新/取消完整實作指南：事件處理與數值提取技巧

DataGrid 內建「編輯、更新、取消」按鈕列，配合三大事件 (EditCommand, UpdateCommand, CancelCommand) 即可實現列內編輯。本文詳細說明事件流程、編輯模式切換、數值提取 (唯讀/可編輯欄位) 與更新範例。

三大核心事件

數值提取關鍵技巧

// 唯讀繫結欄位 (非編輯狀態或 ReadOnly=true)
string val = e.Item.Cells[列索引].Text;

// 可編輯繫結欄位 (編輯狀態下渲染為 TextBox)
string val = ((TextBox)(e.Item.Cells[列索引].Controls[0])).Text;

唯讀欄位通常為主鍵，用於 WHERE 條件；可編輯欄位對應 SET 子句。

UpdateCommand 完整範例

private void DataGrid1_UpdateCommand(object source, DataGridCommandEventArgs e)
{
    // 主鍵 (唯讀欄位，第 1 欄)
    string customerId = e.Item.Cells[1].Text;

    // 可編輯欄位 (第 2、3 欄)
    string companyName = ((TextBox)(e.Item.Cells[2].Controls[0])).Text;
    string city = ((TextBox)(e.Item.Cells[3].Controls[0])).Text;

    // 參數化更新 (防 SQL 注入)
    string sql = "UPDATE Customers SET CompanyName=@cn, City=@city WHERE CustomerID=@id";
    using (var cn = new SqlConnection(connStr))
    using (var cmd = new SqlCommand(sql, cn))
    {
        cmd.Parameters.AddWithValue("@cn", companyName);
        cmd.Parameters.AddWithValue("@city", city);
        cmd.Parameters.AddWithValue("@id", customerId);
        cn.Open();
        cmd.ExecuteNonQuery();
    }

    DataGrid1.EditItemIndex = -1;
    BindDataGrid1();
}

進階提示

• TemplateColumn 使用 FindControl("控件ID") 取值。
• 驗證邏輯建議寫在 BLL，事件處理僅協調流程。
• 考慮樂觀鎖 (Timestamp/Version) 防止併發覆蓋。
• 新專案建議改用 GridView + ObjectDataSource / EntityDataSource，減少樣板代碼。