ASP.NET 2.0 數據教程（二十）：自訂資料修改介面與 DropDownList、RadioButtonList 整合

返回 ASP.NET 2.0 數據教程目錄

目錄

1. 重載 UpdateProduct 方法
2. 手動處理可編輯 GridView
3. 編輯介面使用 DropDownList 顯示 Category 與 Supplier
4. 用 RadioButton 表示 Discontinued 狀態
5. 小結

簡介

GridView 與 DetailsView 透過繫結欄與核取方塊欄簡化資料編輯介面製作，呈現唯讀、編輯、新增介面，無需增加標記或撰寫額外程式碼。但繫結欄與核取方塊欄呈現介面缺乏實務常需的自訂功能。為自訂編輯、新增介面，需用模板欄（TemplateField）取代原有欄。

上節 給編輯和新增界面增加驗證控件 討論增加驗證控制項自訂編輯介面，本節示範使用 Web 控制項對實際資料集合自訂：將繫結欄、核取方塊欄預設 TextBox、CheckBox 替換為其他輸入控制項。建立可編輯 GridView 允許編輯更新產品名稱、類別、供應商、廢棄狀態。編輯時類別與供應商用 DropDownList 顯示供選擇，核取方塊欄預設 CheckBox 替換為 RadioButtonList 提供「Active」與「Discontinued」兩單選選項（見圖 1）。

圖 1：在 GridView 的編輯介面使用 DropDownList 和 RadioButton 控制項

一、重載 UpdateProduct 方法

本教程建立可編輯 GridView 允許編輯更新產品名稱、類別、供應商、廢棄狀態。故重載 UpdateProduct 接受 5 輸入參數：4 個產品參數值加產品 ID。同前，此重載將：

1. 依指定 ProductID 從資料庫取得產品資訊
2. 更新 ProductName、categoryID、supplierID、Discontinued 欄位
3. 透過 TableAdapter 的 Update() 方法向 DAL 發出更新請求