Modello ripetitore ASP.NET, codice condizionale per ogni ennesimo elemento

Question

Sto utilizzando un ripetitore asp.net per creare un gruppo di immagini. Il markup dell'immagine è lo stesso, quindi lo standard <ItemTemplate> va bene.

Tuttavia, voglio avvolgere immagini K in un div. Diciamo che lego più di 25 immagini al ripetitore e voglio 5 immagini per div. Come faccio a creare in modo condizionale i tag di inizio e chiusura per il div?

Si tratta di un caso più adatto per un ciclo for.

Answer 1

questo dovrebbe funzionare per voi, senza bisogno di nulla nel codice dietro (diverso vincolante ripetitore ..):

<asp:Repeater ID="repImages" runat="server"> 
<HeaderTemplate><div></HeaderTemplate> 

<ItemTemplate> 
<%# (Container.ItemIndex != 0 && Container.ItemIndex % 5 == 0) ? @"</div><div>" : string.Empty %> 
<asp:Image ID="imgGallery" runat="server" ImageUrl='<%# /* your code here */ %>' /> 
</ItemTemplate> 

<FooterTemplate></div></FooterTemplate> 
</asp:Repeater> 

Answer 2

Aggiungi due controlli etichetta vuoti nel ItemTemplate dei ripetitori in cui desideri inserire i tag div.

Quindi aggiungere un evento ItemDataBound al ripetitore.

Quindi aggiungere questo codice nel caso ItemDataBound:

Protected Sub Repeater1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs) 
    If (e.Item.ItemType = ListItemType.Item) Or (e.Item.ItemType = ListItemType.AlternatingItem) Then 
     If e.Item.ItemIndex Mod 5 = 0 Then 
      Dim lblDivStart As Label = CType(e.Item.FindControl("lblDivStart"), Label) 
      Dim lblDivEnd As Label = CType(e.Item.FindControl("lblDivEnd"), Label) 
      lblDivStart.text = "<div>" 
      lblDivEnd.text = "</div>" 
     End If 
    End If 
End Sub 

Nota - Questo avrà bisogno di qualche ritocco per gestire la prima div e potrebbe essere necessario fare qualcosa di simile Se (e.Item.ItemIndex + 1) Mod 5 = 0 per far apparire i div esattamente dove li vuoi.

Per maggiori informazioni:
DataListItem.ItemIndex Property
DataList.ItemDataBound Event

Answer 3

Se si desidera mantenere il vostro codice nella pagina ASPX si potrebbe anche provare questa variante al metodo di David:

Nella pagina aspx:

Nell'evento ItemDataBound nel codebehind:

e.Item.FindControl("divStart").Visible 
    = e.Item.FindControl("divEnd").Visible 
    = e.Item.ItemIndex % 5 == 0; 

Answer 4

Qui è dove Asp.Net WebForms può dare incredibili RAD efficienza. È possibile utilizzare il nuovo controllo ListView e impostare il numero di elementi per "gruppo", che consente di impostare l'HTML che circonda un gruppo, nonché ogni singolo elemento. In questo modo puoi circondare il gruppo con i tag condizionali.

<asp:ListView ID="ListView1" runat="server" DataKeyNames="id" DataSourceID="LinqDataSource1" GroupItemCount="3"> 
<LayoutTemplate> 
    <div id="layout"> 
     <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder> 
    </div> 
</LayoutTemplate> 
<GroupTemplate> 
    <div class="group"> 
     <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder> 
    </div> 
</GroupTemplate> 
<EmptyDataTemplate> 
    <span>No data was returned.</span> 
</EmptyDataTemplate> 
<ItemTemplate> 
    <div class="item"> 
     <img alt='<%# Eval("title") %>' title='<%# Eval("title") %>' 
      src='<%# Eval("filename","photos/{0}") %>' /> 
    </div> 
</ItemTemplate> 
</asp:ListView>