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
17733 |
Jana |
Gobi |
9876543234 |
Tamilnadu |
17720 |
Jay |
Surat |
888 555 2929 |
Surat |
17724 |
kjhg2 |
jhg |
7654321 |
kjhgfd |
17729 |
qwertyuio |
1qaz2wsx3edc |
9638527410 |
sdfgh |
17722 |
wfwfcasca |
cce |
1234567876543234567654 |
sdwfqwrferferfe |
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>
|