DataList 控制項
DataList 控制項會以您可使用範本和樣式定義的格式來顯示資料。DataList 控制項對任何重複結構 (例如資料表) 中的資料都相當有用。DataList 控制項能夠以不同的版面配置方式顯示記錄,例如以欄或記錄排序。
注意事項: |
---|
DataList 控制項會使用 HTML 資料表元素來呈現清單中的項目。若要精確控制用於呈現清單的 HTML,請使用 Repeater 控制項取代 DataList 控制項。 |
您可以選擇性地設定 DataList 控制項,允許使用者編輯或刪除資訊。也可以自訂控制項支援其他功能,例如選取記錄。
新增 DataList 控制項至網頁
- 將 DataList 控制項從 [工具箱] 工作窗格拖曳至網頁。
在新增 DataList 控制項後,您可為控制項指定資料來源。
將 DataList 控制項繫結至資料來源
在 [設計] 檢視中,以滑鼠右鍵按一下 DataList 控制項,然後按一下 [顯示通用控制項工作]。
在 [ DropDownList 工作] 功能表上,按一下現有的資料來源,或按 [選擇資料來源] 下拉式清單中的 [<新資料來源...>]。
若您選擇 [<新資料來源...>],請在 [資料來源組態精靈] 中設定新的資料來源。如需詳細資訊,請參閱使用資料繫結控制項,設定資料來源。
自訂 DataList 顯示
自訂 DataList 顯示最簡單的方法就是使用 [自動格式設定] 選項。
套用基本格式設定配置至 DataList 控制項
在 [設計] 檢視中,以滑鼠右鍵按一下 DataList 控制項,然後按一下 [顯示通用控制項工作]。
在 [DataList 工作] 功能表上,按一下 [自動格式設定]。
在 [自動格式設定] 對話方塊的 [選取配置] 清單中選取一項配置。該配置對 DataList 控制項的效果會顯示在 [預覽] 區域中。
按一下 [確定],以套用該格式設定配置,並關閉對話方塊;或按一下 [套用],只套用格式設定配置,而不關閉對話方塊。
您可以使用 [屬性產生器] 對 DataList 控制項中顯示的資料進行更精細的變更。
使用屬性產生器設計 DataList 顯示
在 [設計] 檢視中,以滑鼠右鍵按一下 DataList 控制項,然後按一下 [顯示通用控制項工作]。
在 [DataList 工作] 功能表上,按一下 [屬性產生器]。
在 [DataList 屬性] 對話方塊中,指定一般顯示選項,例如頁首與頁尾顯示、資料欄數及版面配置。也可以指定格式及框線顯示選項。
您也可以自訂 DataList 的每個區域或狀態,方法是更新與區域相關的樣式集合。例如,在 [標籤屬性] 工作窗格的 [樣式] 群組中,可以為 DataList 的某個區域自訂 RowStyle、HeaderStyle 與其他樣式集合。您也可以透過互動方式進行 DataList 控制項區域範本的格式設定。
以互動方式設計 DataList 範本
在 [設計] 檢視中,以滑鼠右鍵按一下 DataList 控制項,然後按一下 [顯示通用控制項工作]。
在 [DataList 工作] 功能表上,按一下 [編輯範本]。如此會將精靈切換為 [範本編輯模式]。
在 [顯示] 下拉式清單中,選取所要編輯的範本。
完成範本的設計時,請在 [DataList 工作] 功能表中,按一下 [結束範本編輯],以返回標準的 DataList 設計模式。