Modèle de répéteur ASP.NET, code conditionnel pour chaque élément N

Je suis à l'aide d'un asp.net répéteur pour créer un tas d'images. L'image de balisage est tout de même de sorte que le standard <ItemTemplate> est fine.

Cependant, je veux enrouler K images dans un div. Disons que je la lie 25+ images de la répétition et je veux de 5 images par div. Comment puis-je conditionnelle de la création de la start et des balises de fermeture de la div?

Est-ce un cas mieux adapté pour une boucle for.

source d'informationauteur ckarbass | 2009-02-18

  1. 23

    Cela devrait fonctionner pour vous, sans avoir besoin de quoi que ce soit dans le code-behind (autres que la liaison à la répétition..):

    <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>
  2. 10

    C'est ici Asp.Net WebForms peut vous donner incroyable RAD efficacité.
    Vous pouvez utiliser le nouveau contrôle ListView, et définir le nombre d'éléments par "groupe", qui vous permettra d'installer le code HTML qui entoure un groupe, ainsi que chaque élément individuel. De cette façon, vous pouvez entourer le groupe avec les balises conditionnelles.

    <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>
  3. 3

    Si vous voulez garder votre annotation sur la page ASPX, vous pouvez aussi essayer cette variation sur David méthode:

    Sur la page aspx:

    <ItemTemplate>
<asp:Literal runat="server" ID="divStart" Text="<div>" />
<asp:Image ....>
<asp:Literal runat="server" ID="divEnd" Text="</div>" />
</ItemTemplate>

    Dans l'événement ItemDataBound dans le code-behind:

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

    Ajouter deux vide contrôles d'étiquette dans votre Répéteurs ItemTemplate où vous voulez que vos balises div.

    Puis ajouter un événement ItemDataBound à la Répétition.

    Puis ajouter ce code dans l'événement 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

    Remarque - Cette aura besoin de quelques ajustements pour faire face à la première div et vous devrez peut-être faire quelque chose comme Si (e.De l'élément.ItemIndex + 1) Mod 5 = 0 pour obtenir des divs pour montrer exactement où vous le souhaitez.

    Pour plus d'info:

    DataListItem.ItemIndex Propriété

    DataList.ItemDataBound Événement