Create dynamic row using repeater control
Here there are four textboxs enter employee details. We can add employee detail one by one using add new button to add new row for entry.
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="RepeterDynamicControls._Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="upPanael" runat="server">
<ContentTemplate>
<div><div>
<table>
<tr>
<th>
</th>
<th>
Employee Name
</th>
<th>
Adderss
</th>
<th>
City
</th>
<th>
Email
</th>
</tr>
<asp:Repeater ID="rptEmployee" runat="server">
<ItemTemplate>
<tr>
<td>
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"
Width="150px" MaxLength="50" Text='<%#Eval("EmpName") %>'
</asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"
Width="150px" MaxLength="50" Text='<%#Eval("Address") %>'
</asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"
Width="150px" MaxLength="50" Text='<%#Eval("City") %>'
</asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox4" runat="server"
Width="150px" MaxLength="50" Text='<%#Eval("Email") %>'
</asp:TextBox>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
<tr>
<td>
<asp:Button ID="btnAdd" runat="server"
Text="Add New" onclick="btnAdd_Click" />
</td>
<td>
<asp:TextBox ID="txtEmpName" runat="server"
Width="150px" MaxLength="50"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="txtAddress" runat="server"
Width="150" MaxLength="50"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="txtCity" runat="server"
Width="150px" MaxLength="50"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="txtEmail" runat="server"
Width="150px" MaxLength="50"></asp:TextBox>
</td>
</tr>
</table>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
Join the conversation! Your thoughts help the community grow.