ASP.NET 2.0 數據教程（三十一）：DataList 多欄橫向顯示與 RepeatColumns、RepeatDirection 屬性應用

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

導言

前兩章 DataList 範例皆使用單欄 HTML <table> 顯示資料。但自訂 DataList 以多欄多列表格顯示資料相當容易，甚至可單列多欄呈現。

透過 RepeatColumns 與 RepeatDirection 屬性自訂 DataList。這兩個屬性決定資料顯示時的欄數與方向（水平或垂直）。圖 1 為以 3 欄表格顯示產品資訊的 DataList 範例。

圖 1：DataList 一列顯示三條產品信息

單列多欄顯示讓 DataList 更有效利用螢幕水平空間。本章將探討這兩個屬性應用。

第一步：DataList 顯示產品資訊

探討屬性前，先用標準單欄多列 DataList 顯示產品資訊。使用下列標記語言顯示產品名稱、分類與價格：

<h4>產品名稱</h4>
可在 分類名稱 商店購買，價格為 價格

前面教程已示範資料繫結 DataList，此步驟快速帶過。開啟 DataListRepeaterBasics 資料夾下的 RepeatColumnAndDirection.aspx，拖曳 DataList。從智慧標籤建立 ObjectDataSource，使用 ProductsBLL 類別的 GetProducts 方法設定。INSERT、UPDATE、DELETE 標籤選擇 None。