Repeater control displays data using user-defined layout. It just repeats the HTML and ASP.NET controls that is placed inside a template block.
Following are some important properties that are very useful.
| AlternatingItemTemplate |
Template to define the rendering of every alternate item.
|
| FooterTemplate |
Template to define how to render the footer.
|
| HeaderTemplate |
Template to define how to render the header.
|
| Items |
Gets the the collection of RepeaterItem.
|
| ItemTemplate |
Template to define how items are rendered.
|
| SeparatorTemplate |
Template to define how separator between items will be rendered.
|
|
DEMO : Repeater
|
Show Source Code
|
This is the Header of the Repeater Control
| 17670 |
|
#102, Above GK Provision Store |
9972412313 |
Bangalore |
| 17667 |
4243 |
43563 |
4364 |
464 |
| 17650 |
ewrr |
Philippines |
ewrwrw |
ew |
| 17641 |
hammad khan |
tyguggli |
09878345 |
chennai |
| 17652 |
Hasim |
Kadi |
8989909012 |
Kadi |
| 17673 |
hkhk |
hkhk |
hkhk |
hkhk |
| 17637 |
John Do |
111 Clarion dr. |
213-333-3333 |
Torrancd |
| 17664 |
kemmy kalaria |
Gol residency ,nana muva ,main road rajkot |
09426977487 |
Rajkot |
| 17647 |
Kong Yoon Thim |
23, Jalan SS8/8 |
+60122610084 |
Petaling Jaya |
| 17648 |
Kong Yoon Thim |
23, Jalan SS8/8 |
+60122610084 |
Petaling Jaya |
| 17668 |
lukasz Michalak |
1 maja 59/40 |
533792647 |
lubartów |
| 17671 |
Name |
Address |
Phone |
City |
| 17672 |
Name |
Address |
Phone |
City |
| 17658 |
sss |
eee |
4555 |
nagpur |
| 17638 |
test |
test |
test |
test |
| 17639 |
test |
test |
9999999 |
Singapore |
| 17662 |
Test |
1002 Central Parkway South |
210-444-5655 |
San Diego |
No records displaying or need more records? Try inserting records from FormView Control tutorial.
|
|
// Repeater control /////////////////////////////
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<h3>This is the Header of the Repeater Control</h3>
</HeaderTemplate>
<AlternatingItemTemplate>
<table border="1" style="background-color:#c0c0c0;" width="100%">
<tr>
<td style="width:10%;"><%# Eval("AutoID") %></td>
<td style="width:25%;"><%# Eval("Name") %></td>
<td style="width:40%;"><%# Eval("Address") %></td>
<td style="width:10%;"><%# Eval("Phone") %></td>
<td style="width:15%;"><%# Eval("City") %></td>
</tr>
</table>
</AlternatingItemTemplate>
<ItemTemplate>
<table border="1" width="100%">
<tr>
<td style="width:10%;"><%# Eval("AutoID") %></td>
<td style="width:25%;"><%# Eval("Name") %></td>
<td style="width:40%;"><%# Eval("Address") %></td>
<td style="width:10%;"><%# Eval("Phone") %></td>
<td style="width:15%;"><%# Eval("City") %></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
// SqlDataSource control /////////////////////////////
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString='<%$ ConnectionStrings:ConnStr %>'
SelectCommand="Select * FROM SampleForTutorials ORDER BY [Name]">
</asp:SqlDataSource>
|