How can i repeat the below design using a repeater control ?

Hi lokesh,

As per repeater control behavior, you just put the data in data source (repeater). I assume you have three row in data so you design repeat just like a "foreach" or "for" loop.

for example :

Design page Side:

<div class="container demo-1">
<div class="main">
<ul id="carousel" class="elastislide-list">
<asp:Repeater ID="mylist" runat="server">
<ItemTemplate>
<li><a href="#">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "images/small/" + Eval("image")%>' />
a>
li>
ItemTemplate>
asp:Repeater>
ul>
div>
div>

CS page:

DataTable dt = new DataTable();
dt.Columns.Add("image");
for (int i = 1; i <= 20; i++)
{
dt.Rows.Add(i + ".jpg");
}
mylist.DataSource = dt;
mylist.DataBind();

you can see above it's a simple and clear code about the repeater behavior. Please let me know if you have any doubt about the above and code...

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Joginder Banger7y ago
Hi lokesh,
As per repeater control behavior, you just put the data in data source (repeater). I assume you have three row in data so you design repeat just like a "foreach" or "for" loop.

for example :
Design page Side:
<div class="container demo-1">
    <div class="main">
    <ul id="carousel" class="elastislide-list">
        <asp:Repeater ID="mylist" runat="server">
        <ItemTemplate>
            <li><a href="#">
            <asp:Image ID="Image1" runat="server" ImageUrl='<%# "images/small/" + Eval("image")%>' />
                a>
                    li>
        ItemTemplate>
            asp:Repeater>
    ul>
    div>
div>
CS page:
DataTable dt = new DataTable();
   dt.Columns.Add("image");

   for (int i = 1; i <= 20; i++)
   {
dt.Rows.Add(i + ".jpg");
   }

   mylist.DataSource = dt;
   mylist.DataBind();
you can see above it's a simple and clear code about the repeater behavior. Please let me know if you have any doubt about the above and code...
0