ASP.NET Web Forms 資料繫結架構總覽：支援控制項、資料來源類型與 DataBind 流程

資料繫結是 ASP.NET Web Forms 核心機制，將資料來源（資料庫、XML、集合、自訂物件）與伺服器控制項連結，分離資料邏輯與呈現邏輯。本文系統整理支援繫結的控制項分類、資料來源類型、繫結運算式語法、DataBind 執行流程與最佳實務。

支援資料繫結的控制項分類

1. 清單控制項（簡單繫結）

• RadioButtonList - 單選按鈕群組
• CheckBoxList - 多選核取方塊群組
• DropDownList - 下拉式選單
• ListBox - 清單方塊（支援多選）
• BulletedList - 項目符號清單

共同特性：DataTextField、DataValueField、DataSource、DataBind()

2. 豐富資料繫結控制項（複雜繫結）

• Repeater - 輕量模板控制項，無預設 HTML
• DataList - 表格導向、豐富樣式屬性、支援編輯
• GridView - 功能最完整（分頁、排序、編輯、刪除、選取）
• DetailsView - 單筆記錄詳細檢視/編輯
• FormView - 模板化單筆記錄檢視/編輯
• ListView - .NET 3.5+，功能介於 DataList/GridView，支援群組、分頁
• DataPager - ListView 專用分頁控制項

3. 階層式資料繫結控制項

• TreeView - 樹狀結構導航
• Menu - 選單導航
• SiteMapPath - 麵包屑路徑

資料來源類型完整清單

資料繫結運算式語法

單向繫唯讀（<%# ... %>）

<%# Eval("FieldName") %>                    <-- 標準單向繫結
<%# Eval("FieldName", "{0:C}") %>           <-- 格式化（貨幣）
<%# Eval("DateField", "{0:yyyy/MM/dd}") %>  <-- 日期格式化
<%# Bind("FieldName") %>                    <-- 雙向繫結（GridView 編輯模式需用）
<%# Container.DataItem %>                   <-- 整個資料項（適用簡單型別集合）
<%# ((MyType)Container.DataItem).Property %> <-- 強型別存取

繫結內容存取

<%# Container.ItemIndex %>          <-- 項目索引（0-based）
<%# Container.ItemType %>           <-- ListItemType: Item/AlternatingItem/EditItem...
<%# Container.DataItemIndex %>      <-- 資料來源索引（分頁時不同於 ItemIndex）

DataBind() 執行流程

1. 資料來源指派：control.DataSource = dataSource;
2. 呼叫 DataBind()：control.DataBind(); 或頁面層級 Page.DataBind();
3. OnDataBinding 事件：控制項引發 DataBinding 事件
4. 建立控制項階層：針對每筆資料實例化模板、建立子控制項
5. 評估繫結運算式：執行 <%# ... %> 運算式，設定子控制項屬性
6. ItemCreated/ItemDataBound 事件：Repeater.ItemDataBound、GridView.RowDataBound 等
7. 渲染輸出：Render 階段產生 HTML

關鍵事件時機

宣告式資料來源控制項 vs 程式碼繫結

SqlDataSource（宣告式）

<asp:SqlDataSource ID="sdsProducts" runat="server" 
    ConnectionString="<%$ ConnectionStrings:Northwind %>"
    SelectCommand="SELECT ProductID, ProductName, UnitPrice FROM Products"
    ProviderName="System.Data.SqlClient" />

<asp:GridView ID="gvProducts" runat="server" DataSourceID="sdsProducts" />

• 優點：零程式碼、內建分頁/排序/快取、設計時預覽
• 缺點：商業邏輯耦合在 .aspx、難以單元測試、複雜查詢受限

ObjectDataSource（分層架構）

<asp:ObjectDataSource ID="odsProducts" runat="server" 
    TypeName="MyApp.BLL.ProductService"
    SelectMethod="GetAllProducts"
    InsertMethod="AddProduct"
    UpdateMethod="UpdateProduct"
    DeleteMethod="DeleteProduct" />

• 呼叫商業邏輯層（BLL）方法，支援分層架構、可測試、可複用

程式碼繫結（Code-Behind）

void Page_Load() {
    if (!IsPostBack) {
        var products = ProductService.GetAllProducts(); // 呼叫 BLL
        gvProducts.DataSource = products;
        gvProducts.DataBind();
    }
}

• 完全控制、易於除錯、支援依賴注入、現代架構首選

最佳實務原則

• 分離關注點：資料存取邏輯置於 DAL/BLL，頁面僅負責繫結與呈現
• 避免在 <%# %> 中放置複雜邏輯：移至 ItemDataBound 事件或後端預處理
• 善用 !IsPostBack：避免 PostBack 重複查詢資料庫、覆蓋使用者輸入
• 大量資料分頁：資料庫層面分頁（OFFSET/FETCH、ROW_NUMBER），勿載入全量資料再分頁
• 關閉不需要的 ViewState：EnableViewState="false" 針對唯讀繫結控制項
• 參數化查詢：杜絕 SQL Injection，使用 SqlDataSource SelectParameters 或命令參數
• 型別安全繫結：優先使用強型別集合 List<T>，搭配 Eval("Property")
• 錯誤處理：try-catch 包裹 DataBind()，友善顯示錯誤訊息

常見繫結錯誤排查表

掌握資料繫結架構是 ASP.NET Web Forms 開發核心竅門，選對控制項、資料來源與繫結方式，能事半功倍建構資料驅動 Web 應用。下一節將介紹 Button 控制項事件處理與表單提交機制。