1、Repeater控件簡(jiǎn)介
Repeater控件是一個(gè)容器控件,可用于從網(wǎng)頁(yè)的任何可用數(shù)據(jù)中創(chuàng)建自定義列表。Repeater 控件沒有自己內(nèi)置的呈現(xiàn)功能,這意味著用戶必須通過創(chuàng)建模板來提供 Repeater 控件的布局。當(dāng)網(wǎng)頁(yè)運(yùn)行時(shí),Repeater 控件會(huì)循環(huán)通過數(shù)據(jù)源中的記錄,并為每個(gè)記錄呈現(xiàn)一個(gè)項(xiàng)。
由于 Repeater 控件沒有默認(rèn)的外觀,因此可以使用該控件創(chuàng)建多種列表,其中包括:
(1)表格布局;
(2)號(hào)分隔的列表(例如,a, b, c, d 等)
(3)XML 格式的列表
2、向網(wǎng)頁(yè)中添加 Repeater 控件
Repeater 控件從“工具箱”任務(wù)窗ge拖放到網(wǎng)頁(yè)上。
加 Repeater 控件之后,可以為該控件指定數(shù)據(jù)源。
3、將 Repeater 控件綁定到數(shù)據(jù)源
(1)在“設(shè)計(jì)”視圖中,右鍵單擊“Repeater”控件,再單擊“顯示常用控制任務(wù)”。
(2)在“DropDownList 任務(wù)”菜單上,單擊“選擇數(shù)據(jù)源”。
(3)在“數(shù)據(jù)源配置向?qū)?/span>”中,選擇 Repeater 控件的數(shù)據(jù)源。
若要使用 Repeater 控件,請(qǐng)創(chuàng)建模板來定義該控件的內(nèi)容布局。模板可以包含標(biāo)記和控件的任意組合。如果未定義模板,或者如果所有模板都不包含元素,則當(dāng)應(yīng)用程序運(yùn)行時(shí),該控件不會(huì)顯示在網(wǎng)頁(yè)上。
4、為 Repeater 控件創(chuàng)建模板
(1)在“代碼”視圖中,將插入點(diǎn)放置在 <asp:Repeater></asp:Repeater> 標(biāo)記內(nèi)。
(2)按小于鍵 (<) 以調(diào)用代碼完成下拉列表。
(3)單擊要?jiǎng)?chuàng)建的模板。
(4)鍵入該模板所需的 HTML。
5、Repeater 控件支持的 Repeater 模板。
(1)ItemTemplate: 包含要逐一呈現(xiàn)給數(shù)據(jù)源中的每個(gè)數(shù)據(jù)項(xiàng)的 HTML 元素和控件。
(2)AlternatingItemTemplate: 包含要逐一呈現(xiàn)給數(shù)據(jù)源中的其他每個(gè)數(shù)據(jù)項(xiàng)的 HTML 元素和控件。通常,可以使用此模板來為替代項(xiàng)創(chuàng)建不同的外觀,例如指定一種不同于 ItemTemplate 中所指定顏色的背景色。
(3)HeaderTemplate 和 FooterTemplate: 包含分別呈現(xiàn)在列表的開始和結(jié)束處的文本和控件。
(4)SeparatorTemplate: 包含呈現(xiàn)在每項(xiàng)之間的元素。典型的示例可能是一條直線(使用 HR 元素)。
新聞熱點(diǎn)
疑難解答
圖片精選