ASP.NET 2.0 GridView 進階技巧範例集

來源說明

本文節選自作者黃忠成未出版的《ASP.NET 2.0 聖經》草稿，作為給長期讀者的技術分享，內容實用且未經潤飾，請見諒。

技巧一：漸層表頭與選取列美化

預設 GridView 樣式單調，透過 CSS 背景圖片即可實現漸層表頭與高亮選取列。

1. 準備兩張漸層圖片：header_bg.gif、row_selected.gif。
2. CSS 定義：

.gvHeader { background: url(header_bg.gif) repeat-x; color: White; font-weight: bold; }
.gvSelectedRow { background: url(row_selected.gif) repeat-x; color: Navy; }

3. GridView 套用：

<asp:GridView ... HeaderStyle-CssClass="gvHeader" RowStyle-CssClass="gvRow"
    SelectedRowStyle-CssClass="gvSelectedRow" />

技巧二：TemplateField 實現複雜編輯介面

• ItemTemplate：顯示資料、自訂按鈕/連結。
• EditItemTemplate：下拉式選單、日期選擇器、驗證控制項。
• 搭配 RowDataBound 動態調整控制項狀態。

技巧三：分頁與排序效能優化

• 啟用 AllowPaging="true"、AllowSorting="true"。
• 資料來源建議使用 ObjectDataSource，於 SelectMethod 實作資料庫層面分頁（ROW_NUMBER/OFFSET FETCH），避免全表撈取。
• 排序參數自動傳遞 SortExpression，配合動態 SQL 或 LINQ 排序。

技巧四：巢狀 GridView 顯示主從關聯

於父 GridView 的 RowDataBound 動態建立子 GridView，綁定該筆主記錄的明細資料，並處理展開/摺疊邏輯。

技巧五：匯出 Excel/PDF 整合

• Excel：Response.ContentType = "application/vnd.ms-excel"，GridView.RenderControl(htmlWriter)。
• PDF：搭配 iTextSharp 或第三方元件匯出報表級輸出。

更多實用範例（資料分組、條件格式化、客戶端 JavaScript 整合）請參考原文下載連結。