c# - Repeater - 5 billeder per række? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: c# asp.net

Bruger #16881 @ 23.11.11 12:15

Hej allesammen. Jeg er igang med at lave en hjemmeside.

På en af siderne skal jeg have en masse billeder på flere rækker med 5 billeder på hver række.

Jeg trækker billederne ud fra en database og prøver at hente dem ud i en repeater, men jeg kan ikke få det til at virke.
Den sætter det samme billede på hele rækken og det næste billede på hele rækken nedenunder osv.

Min kode ser sådan her ud:

HTML kode

 <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
     <HeaderTemplate>
   
     
 <table>
 </HeaderTemplate>
 <ItemTemplate>
 
 <tr> 
 
 <td><%# Eval("id") %><br /><asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image3" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image4" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image5" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> 
 </tr>
 <tr> 
 
 <td><%# Eval("id") %><br /><asp:Image ID="Image6" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image7" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image8" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image9" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image10" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> 
 </tr>
 <tr> 
 
 <td><%# Eval("id") %><br /><asp:Image ID="Image11" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image12" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image13" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image14" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image15" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> 
 </tr>
 </ItemTemplate>
 
 
 
 
 <FooterTemplate>
 
 </table>
 
 </FooterTemplate>
 
 </asp:Repeater>

Hvordan skal det se ud ?

2 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #14816 @ 23.11.11 13:29

451

HTML kode

 <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
      <HeaderTemplate>
    
      
  <table>
  </HeaderTemplate>
  <ItemTemplate>
  
  <tr> 
  
  <td><%# Eval("id") %><br /><asp:Image ID="Image6" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image7" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image8" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image9" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> <td><%# Eval("id") %><br /><asp:Image ID="Image10" runat="server" ImageUrl='<%# Eval("stof_billede") %>' Width="120px" Height="120px"></asp:Image> </td> 
 
  </tr>
 
  </ItemTemplate>
  
  
  
  
  <FooterTemplate>
  
  </table>
  
  </FooterTemplate>
  
  </asp:Repeater>

Du får den jo til at indsætte 3 billeder på hver gennemgang? Er det ikke bare at fjerne 2 af dem?

Hvis du gerne vil have den til at løbe 3 gange på hver tr, så skal du jo ind og lave noget loop, jeg hader ASP.NET så jeg har desværre ingen ide om hvordan, men du har vel noget Sharp kode et sted.

Indlæg senest redigeret d. 23.11.2011 13:32 af Bruger #14816

Bruger #16757 @ 16.12.11 13:22

Bedre sent end aldrig med en god løsning

Det du skal bruge er et listview, et listview har du mulighed for at lave group med og koden ser sådan her ud :

<asp:ListView ID="ProductList1" runat="server"
DataSourceID="ProductDataSource"
GroupItemCount="3" ItemPlaceholderID="itemsGoHere"
GroupPlaceholderID="groupsGoHere">

<LayoutTemplate>
<p>
<asp

laceHolder runat="server" ID="groupsGoHere"></asp

laceHolder>
</p>
</LayoutTemplate>

<GroupTemplate>
<ol>
<asp

laceHolder runat="server" ID="itemsGoHere"></asp

laceHolder>
</ol>
</GroupTemplate>

<ItemTemplate>
<li><%#Eval("ProductName")%></li>
</ItemTemplate>
</asp:ListView>

Repeater - 5 billeder per række?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler