Comment puis-je obtenir suppléant style, en <ItemTemplate> (.NET)?

Je suis en utilisant EPiServer pour ce site. Contrairement à asp:DataList, EPiServer:PAgeList n'a pas AlternatingItemTemplate.

J'ai donc besoin de créer un compteur et d'augmenter ce compteur dans mon <ItemTemplate>, et ensuite utiliser le module de retour whuch de style css à ajouter à l'article /page.

Module "code" - fromcode derrière:

 return index % 2 == 0 ? "styleA" : "styleB";

Mais je ne suis pas plus marins à l'annonce d'un compteur et l'augmentation de cette dans le <ItemTemplate>.

Des suggestions beaucoup apprécié!

Mise à JOUR

Voici mon EPiServer Page la Liste de contrôleur:

 <EPiServer:PageList runat="server" id="pageList" SortDirection="Ascending" Count="4" OnDataBinding="pageList_OnDataBinding">
    <HeaderTemplate>
        <ul id="articleList1">
    </HeaderTemplate>

    <ItemTemplate>
            <li>
                   <h2><a href="<%# Eval("LinkURL") %>" title="<%# Eval("PageName") %>"><EPiServer:Property id="Property1" PropertyName="PageName" runat="server" /></a></h2>
                   <div class="articleImage">
                      <%# ArticleImage(Container.CurrentPage)%>                            
                   </div>
                   <div class="introText">
                      <%# IntroText(Container.CurrentPage)%> 
                   </div>
                   <div class="readMore floatRight"><a href="<%# Eval("LinkURL") %>" title="<%# Eval("PageName") %>">Les mer</a></div>
            </li>
    </ItemTemplate>

    <FooterTemplate>
        </ul>     
    </FooterTemplate>
 </EPiServer:PageList>

RÉPONSE

J'ai décidé que l'utilisation de jQuery a été BEAUCOUP plus simple que de piratage .NET.
Ce n'est pas ma solution préférée, mais il fonctionne. Le code que j'utilise est: est-ce

if (jQuery("#articleList1").length > 0) {
    jQuery('li:odd').addClass("odd");
}

Merci pour tous les bons commentaires, les gars. Il va m'aider dans d'autres cas!

OriginalL'auteur Steven | 2009-12-16

Pour un répéteur je fais ceci:-

<itemtemplate>
<tr class='<%#(Container.ItemIndex % 2 == 0) ? "odd" : "even" %>'>

MODIFIER pour un élément lié aux données d'événement de garder une trace de la ligne compteur...

private int counter;
protected void list_databound(object sender, RepeaterItemEventArgs e)
    {
     if ((e.Item.ItemType == ListItemType.Item) || ((e.Item.ItemType == ListItemType.AlternatingItem))
     {
      counter++;
      //find server control and use counter as modulus
     }
    }

Modifier ici vous allez... OUPS nécessaires pour être un HtmlTableRow!!

HtmlTableRow row = e.Item.FindControl("row") as HtmlTableRow;
if (row != null) 
  row.Attributes.Add("class", ((counter % 2 == 0) ? "odd": "even") );

vous aurez aussi besoin de ce

<tr id="row" runat="server" ...

Mon conteneur n'a pas une ItemIndex 🙁
C'est vraiment douce et simple. N'est jamais venu à moi.
c'est assez cool, évite d'avoir un modèle de l'alternance
ressemble onitem lié aux données ou jquery
Merci. Soins pour me donner une poussée dans la bonne direction, de trouver la contrôle? Je ne suis pas .NET savvy 🙁

OriginalL'auteur Rippo

3

Si vous êtes à la recherche pour certains le style visuel pour les autres lignes, Vous pouvez trouver plus de succès dans l'utilisation de Javascript et de jQuery pour manipuler les styles lors de l'exécution sur le client. Dans certains cas, vous pouvez utiliser pur CSS pour obtenir le résultat que vous voulez (mais cela peut entraîner dans les implémentations qui ne cherchent pas la même dans les différents navigateurs).

Si vous avez réellement besoin d'afficher différentes informations pour les lignes alternées, vous devrez peut-être ajouter une propriété à la source de données sont obligatoires pour qui expose les informations. Sinon, certains contrôles à l'appui d'une ItemDataBound événement que vous pouvez vous abonner sur le serveur et de l'utiliser pour modifier votre sortie.

EDIT:

Si vous choisissez de vous inscrire à l'événement ItemDatabound (en supposant que le contrôle a effectivement cette fonction), vous pouvez calculer une incrémentation de la valeur et de l'affecter à l'élément de données vous sont contraignantes. Vous pouvez ensuite utiliser cette collaboration avec l'arithmétique modulaire: (count % 2) d'appliquer les différents styles de pair/impair de lignes.

Une autre alternative est de pirater les choses en utilisant le balisage des expansions de ASP.NET pour générer un nombre d'incrémentation juste dans le balisage. Voici un exemple avec un Répéteur:
```
<asp:Repeater runat='server' id='whatever'>
    <HeaderTemplate>
        <% int counter = 0; %>
    </HeaderTemplate>
    <ItemTemplate>
         <li class='<%= (counter++) % 2 ? "regularStyle" : "alternateStyle"'>
           ... content here ...
         </li>
    </ItemTemplate>
</asp:Repeater>
```
J'essaie d'éviter de jQuery pour cette tâche spécifique. J'ai pensé à OnItemDataBound. Mais comment pourrais-je aller aboutt il contre?
Je souhaite qu'il en était que plus simple: ` CS0103: Le nom de "comptoir" n'existe pas dans le contexte actuel"

OriginalL'auteur LBushkin
3

Cela peut être fait avec du pur CSS en supposant que le navigateur pris en charge est IE9+.
```
tr:nth-child(even) {
    background-color: #000000;
}
```
OriginalL'auteur Keith Gagne

Unfortunally EpiServer "cache" les ItemIndex de l'instance de Conteneur, mais un travail autour est de créer votre propre "global" contre:

Ajouter une propriété à votre code derrière:

protected Int32 ItemIndex;

Et ensuite dans votre fichier aspx:

<EPiServer:PageList runat="server">
    <HeaderTemplate>
        <% this.ItemIndex = 0; %>
    </HeaderTemplate>

    <ItemTemplate>
         <li class="<%# this.ItemIndex++ % 2 == 0 ? "odd" : "even" %>">
           Content
         </li>
    </ItemTemplate>
</EPiServer:PageList>

OriginalL'auteur bang

1

J'ai mis en place comme ci-dessous:
```
class="<%# Container.ItemIndex % 2 == 0 ? "" : "your-alternate-css-class" %>"
```
Ce qui m'a aidé était Richard Everett réponse.

La réponse en détail:
Il n'est pas nécessaire de gérer votre propre variable (soit une incrémentation
compteur ou un booléen); vous pouvez voir si les haut - ItemIndex
la propriété est divisible par deux, et l'utiliser pour définir une classe css:
```
class="<%# Container.ItemIndex % 2 == 0 ? "" : "alternate" %>"
```
Cela a l'avantage d'être entièrement basé dans le code de l'INTERFACE utilisateur (ascx
ou fichier aspx), et ne pas compter sur le JavaScript.
Cela a sauvé ma journée!

OriginalL'auteur Shubh
0

Lorsque je rencontre ce genre de problèmes avec des commandes de serveur j'ai l'habitude de simplement les css à la main

Ce n'est pas possible, puisque vous n'avez qu' <ItemTempalte>, et qu'une classe de l'élément. Pas moyen d'avoir autre classe.

OriginalL'auteur Pierreten
0

La EPiServer PageList de contrôle fonctionne également comme une source de données, donc il n'y a aucune raison pourquoi ne pas utiliser votre favori ASP.NET basé sur un modèle de contrôles avec l'alternance des éléments à rendre avec la, et il suffit de régler la DataSourceId à l'ID de la liste de pages.

Vrai. Mais alors je ne vais pas avoir accès à ces différentes EPiServer propriétés dans le controll - propriétés d'une norme ASP contrôleur n'a pas.

OriginalL'auteur Allan Thraen
-2

Cela a fonctionné pour moi. (Crédit @Rippo)

J'ai juste utilisé le bgcolor de la table:
```
bgcolor ='<%#(Container.ItemIndex % 2 == 0) ? "#FFFFFF" : "#FEFFE8" %>'
```
OriginalL'auteur Santhosh Raviendranath

Vous devez vous connecter pour publier un commentaire.