Repeater Controls in ASP.Net

Vilas Dongre
9y
5.9k
0
1
100
Article

The Repeater control is used to display a repeated list of items that are bound to the control.

Repeater is a data bound control. Data bound controls are container controls. Data binding is the process of creating a link between the data source and the presentation UI to display the data.

The Repeater has the following 5 inline template to format it:

Data bound controls can display either a connected or a disconnected model.

Data bound controls have a DataBind() method and DataBound event as in the following:

DataBind()
ItemCreated -> Event
DataBound -> Event

System.Commom.Data namespace

DBDataRecord Class

ControlsChild Control

How to use a Repeater Control

Create a new website with the name RepeaterControl.

Double-click the web.config file and write the following code in it:

<connectionStrings>
<add name="constr" connectionString="initial catalog=Development-PC; data source=VilasDB; integrated security=true"/>
</connectionStrings>

Default.aspx file code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="Stylesheet" type="text/css" href="StyleSheet.css" />
<title>Repeater Controls in ASP.NET</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Repeater ID="RepeatInformation" runat="server">
<HeaderTemplate>
<table class="tblcolor">
<tr>
<b>
<td>
Roll No
</td>
<td>
Student Name
</td>
<td>
Total Fees
</td>
</b>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="tblrowcolor">
<td>
<%#DataBinder.Eval(Container,"DataItem.RollNo")%>
</td>
<td>
<%#DataBinder.Eval(Container,"DataItem.Name")%>
</td>
<td>
<%#DataBinder.Eval(Container,"DataItem.Fees")%>
</td>
</tr>
</ItemTemplate>
<SeparatorTemplate>
<tr>
<td>
<hr />
</td>
<td>
<hr />
</td>
<td>
<hr />
</td>
</tr>
</SeparatorTemplate>
<AlternatingItemTemplate>
<tr>
<td>
<%#DataBinder.Eval(Container,"DataItem.RollNo")%>
</td>
<td>
<%#DataBinder.Eval(Container,"DataItem.Name")%>
</td>
<td>
<%#DataBinder.Eval(Container,"DataItem.Fees")%>
</td>
</tr>
</AlternatingItemTemplate>
<SeparatorTemplate>
<tr>
<td>
<hr />
</td>
<td>
<hr />
</td>
<td>
<hr />
</td>
</tr>
</SeparatorTemplate>
<FooterTemplate>
<tr>
<td>
School Records displayed
</td>
</tr>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>

Code behind file code

using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class _Default: System.Web.UI.Page
{
SqlConnection con;
SqlCommand cmd = new SqlCommand();
protected void Page_Load(object sender, EventArgs e)
{
con = new SqlConnection(ConfigurationManager.ConnectionStrings["constr"].ConnectionString);
cmd.Connection = con;
cmd.CommandText = "select * from student";
con.Open();
RepeatInformation.DataSource = cmd.ExecuteReader();
RepeatInformation.DataBind();
con.Close();
}
}

The ASP.NET Repeater Control will not render the result unless you bind it to a data source through its DataSource property.

Example of a Repeater Control:

ID
Login
FirstName
LastName
DateAdded

FIRST STEP - INSERT THE REPEATER CONTROL ONTO THE PAGE

The Repeater control allows you to create templates. For example you can use a template to customize the layout of the individual rows.

HeaderTemplate

Template for elements that you want to render once before your ItemTemplate section.
ItemTemplate

Template for elements rendered once per row of data.
AlternatingItemTemplate

Template for elements that are rendered every other row of data. This allows you to alternate background colors, for example.
SeparatorTemplate

Template for elements to render between each row, such as line breaks.
FooterTemplate

Template for elements that you want to render once after your ItemTemplate section.

ClientNetroStar.aspx

<asp:Repeater ID="rptList" runat="server" OnItemDataBound="rptList_ItemDataBound">
<HeaderTemplate>
<table>
<tr>
<th>
<asp:Label ID="Label14" Text="Login" runat="server"></asp:Label>
</th>
<th>
<asp:Label ID="Label1" Text="F_Name" runat="server"></asp:Label>
</th>
<th>
<asp:Label ID="Label2" Text="L_Name" runat="server"></asp:Label>
</th>
<th>
<asp:Label ID="Label3" Text="Date Added" runat="server"></asp:Label>
</th>
<th>
<asp:Label ID="Label6" Text="Delete" runat="server"></asp:Label>
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:LinkButton ID="lbnLogin" Text='<%# Eval("Login") %>' runat="server"
OnClick="lnkClient_Click" CommandArgument='<%# Eval("ID").ToString() %>'>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="lbnFirstName" Text='<%# Eval("FirstName").ToString() %>'
runat="server"
OnClick="lnkClient_Click" CommandArgument='<%# Eval("ID").ToString() %>'>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="LinkButton2" Text='<%# Eval("LastName").ToString() %>'
runat="server"
OnClick="lnkClient_Click" CommandArgument='<%# Eval("ID").ToString() %>'>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="LinkButton1" Text='<%# Eval("DateAdded") %>' runat="server"
OnClick="lnkClient_Click" CommandArgument='<%# Eval("ID").ToString() %>'>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="lbnDelete" Text="delete" runat="server"
OnClick="lbnDelete_Click" CommandArgument='<%# Eval("ID").ToString() %>'>
</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

Up Next

Ebook Download

View all

Programming ASP.NET MVC 5

Read by 122.1k people

Download Now!

Learn

View all