ASP.NET 2.0 數據教程（四十）：自訂 DataList 編輯介面與 DropDownList、CheckBox 應用

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

導言

DataList 編輯介面由 EditItemTemplate 的標記與 Web 控制項定義。迄今範例編輯介面僅包含 TextBox。前一章透過加入驗證控制項提升用戶體驗與可用性。

EditItemTemplate 可包含 TextBox 以外的控制項，如 DropDownList、RadioButtonList、Calendar 等。使用步驟如下：

1. 為 EditItemTemplate 添加控制項
2. 使用繫結語法將欄位值指派給控制項屬性
3. 在 UpdateCommand 事件中以程式碼存取控制項值並傳遞給 BLL 方法

本章目標

建立更豐富的 DataList 編輯介面，包含 DropDownList 與 CheckBox。DataList 列出產品資訊，用戶可更新名稱、供應商、分類與停用狀態（見圖 1）。

圖 1：編輯介面包含一個 TextBox、兩個 DropDownList 與一個 CheckBox

第一步：顯示產品資訊

建立編輯介面前，先建立唯讀介面。開啟 EditDeleteDataList 資料夾下的 CustomizedUI.aspx，拖曳 DataList 設 ID 為 Products。透過智慧標籤建立 ProductsDataSource ObjectDataSource，以 ProductsBLL 的 GetProducts 方法設定。同前章，直接透過 BLL 更新產品資訊，UPDATE、INSERT、DELETE 標籤選擇 None。

圖 2：在 UPDATE、INSERT、DELETE 標籤的下拉清單裡選擇 (None)