1. 程式人生 > 其它 >asp.net學習之Repeater控制元件

asp.net學習之Repeater控制元件

Repeater控制元件和DataList控制元件,可以用來一次顯示一組資料項。比如,可以用它們顯示一個數據表中的所有行。
Repeater控制元件完全由模板驅動,提供了最大的靈活性,可以任意設定它的輸出格式。DataList控制元件也由模板驅動,和Repeater不同的是,DataList預設輸出是HTML表格,DataList將資料來源中的記錄輸出為HTML表格一個個的單元格。

1. Repeater控制元件顯示資料

要使用Repeater控制元件顯示資料,必須建立ItemTemplate。如下所示:
例1:使用ItemTemplate顯示資料

Code

以上程式碼,通過瀏覽器可以看到,.net不會改變裡面的結構,模板裡面怎麼排列,資料顯示也怎麼樣顯示。它的HTML如下所示:、

Code

所以,Repeater的靈活性就在這個上面,完全可以自由發揮,想怎麼顯示就怎麼顯示。例如,都可以把它放在Javascript程式碼中

Code

以上,photos是一個Javscript陣列物件。Repeater生成的資料,最後就像以下這樣:

Code

2. Repeater中使用模板

Repeater支援以下5種模板
● ItemTemplate : 對每一個數據項進行格式設定 【Formats each item from the data source.】
● AlternatingItemTemplate : 對交替資料項進行格式設定
● SeparatorTemplate : 對分隔符進行格式設定
● HeaderTemplate : 對頁首進行格式設定
● FooterTemplate : 對頁尾進行格式設定
以上,英文中使用了Formats item from datasource這樣的話,就說明Repeater控制元件主要是用來對資料進行Format的,控制資料怎麼樣排列,怎麼樣顯示。
Repeater必須使用的是Itemtemplate,其它的型別模板按需新增。
例2:以下通過CSS控制,顯示了一個比較不錯的列表項:

Code

以上,顯示的樣式如下所示:


3. Repeater控制元件的事件處理

Repeater控制元件有以下事件:
● DataBinding : Repeater控制元件繫結到資料來源時觸發
● ItemCommand : Repeater控制元件中的子控制元件觸發事件時觸發
● ItemCreated : 建立Repeater每個專案時觸發
● ItemDataBound : Repeater控制元件的每個專案繫結資料時觸發
例3:使用Repeater控制元件的事件支援編輯、更新、刪除
=== 後臺程式碼 ===

Code

=== 前臺頁面 ===

Code