ASP.NET 2.0 數據教程（二十九）：DataList 與 Repeater 控制項基礎資料顯示入門

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

導言

前 28 篇教程範例中，需顯示多筆記錄時皆使用 GridView。GridView 每列代表一筆記錄，每欄代表一欄位。雖 GridView 顯示、分頁、排序、編輯、刪除功能完善，但結構較臃腫，且標記固定：包含 <tr> 與 <td> 的 HTML <table> 標記。

為提供更佳自訂顯示多筆記錄功能，ASP.NET 2.0 提供 DataList 與 Repeater（ASP.NET 1.x 也有）。兩者使用模板顯示內容，而非 GridView 的 BoundField、CheckBoxField、ButtonField 等。DataList 標記為 HTML <table>，但允許每列顯示多筆記錄。Repeater 不產生多餘標記，若需精確控制標記生成是最佳選擇。

後續教程規劃

後續教程將從使用 DataList、Repeater 模板顯示資料開始，學習：

• 控制控制項格式
• 變更 DataList 資料配置
• 常見主從情境
• 編輯與刪除資料方法
• 分頁實作

第一步：新增 DataList 與 Repeater 教程頁面

開始前先建立本篇及後續教程所需頁面。新增 DataListRepeaterBasics 資料夾，加入以下頁面，確保皆選擇 Site.master：

• Default.aspx
• Basics.aspx
• Formatting.aspx
• RepeatColumnAndDirection.aspx
• NestedControls.aspx

圖 1：建立 DataListRepeaterBasics 資料夾與頁面

開啟 Default.aspx 設計檢視，從 UserControls 資料夾拖曳 SectionLevelTutorialListing.ascx 使用者控制項。此控制項列出教程章節，我們在 母版頁與站點導航 建立。

圖 2：將 SectionLevelTutorialListing.ascx 使用者控制項加入 Default.aspx