L'obtention de l'indice de valeur sur rasoir foreach

Je suis en évoluant d'un List<T> dans un rasoir boucle foreach, à mon avis, ce qui rend une partielle. Dans le partiel je suis rendu une seule pour laquelle je veux avoir 4 dans une rangée, à mon avis. J'ai une classe css pour la fin de deux colonnes ainsi le besoin de déterminer à l'partielle si l'appel est la 1ère ou de la 4ème record. Quel est le meilleur moyen de l'identification de cette dans mon partiel de la sortie du code correct?

C'est ma principale de la page qui contient la boucle:

@foreach (var myItem in Model.Members){

        //if i = 1
        <div class="grid_20">
        <!-- Start Row -->

        //is there someway to get in for i = 1 to 4 and pass to partial?
        @Html.Partial("nameOfPartial", Model)

        //if i = 4 then output below and reset i to 1
        <div class="clear"></div>
        <!-- End Row -->
        </div>

}

Je me dis que je peut créer un int que je puisse mettre à jour à chaque passage, et de rendre le texte pas de problème ici, mais c'est en passant la valeur de l'entier dans mes partiels, je suis de plus en plus inquiète. Sauf si il ya une meilleure façon.

Voici mon partiel:

@{
switch()
case 1:
        <text>
        <div class="grid_4 alpha">
        </text>
break;
case 4:
        <text>
        <div class="grid_4 omega">
        </text>
break;
default:
        <text>
        <div class="grid_4">
        </text>
break;
}

        <img src="Content/960-grid/spacer.gif" style="width:130px; height:160px; background-color:#fff; border:10px solid #d3d3d3;" />
        <p><a href="member-card.html">@Model.Name</a><br/>
        @Model.Job<br/>
        @Model.Location</p>
</div>

Ne sais pas si je vais avoir une blonde journée d'aujourd'hui, et c'est terriblement facile, mais je ne peux pas penser à la meilleure façon de passer l'int valeur. J'espère que quelqu'un peut vous aider.

  • Si seulement il existait un moyen en c# pour faire une boucle avec un indice... oh wait! Il y en a! msdn.microsoft.com/en-us/library/ch45axte.aspx 🙂
  • La création de l'index n'est pas la question. En passant l'index dans le partiel est la question.
InformationsquelleAutor lloydphillips | 2012-04-26
  1. 133
     @{int i = 0;}
 @foreach(var myItem in Model.Members)
 {
     <span>@i</span>
     @{i++;
      }
 }

    //Utilisation de @{i++ incrémente la valeur}

    • d'accord. exactement ce dont j'avais besoin
    • est plus compact 🙂
    • affiche sous forme de texte. Dans le code ci-dessus, il serait préférable, mais pas nécessaire à l'affichage, il doit être i++;
    InformationsquelleAutor noamtcohen
  2. 68
    //this gets you both the item (myItem.value) and its index (myItem.i)
@foreach (var myItem in Model.Members.Select((value,i) => new {i, value}))
{
    <li>The index is @myItem.i and a value is @myItem.value.Name</li>
}

    Plus d'infos sur mon blog
    http://jimfrenette.com/2012/11/razor-foreach-loop-with-index/

    • Des félicitations pour l'utilisation de LINQ.
    InformationsquelleAutor Jim Frenette
  3. 8

    Prendre un coup d'oeil à cette solution à l'aide de Linq. Son exemple est similaire en ce qu'il est nécessaire de balisage différent pour chaque 3ème point.

    foreach( var myItem in Model.Members.Select(x,i) => new {Member = x, Index = i){
    ...
}
    • Mais si je suis de passage mon Membre à l'partielle comment je vais faire pour obtenir l'index là aussi? Je suppose que je dois créer un ViewModel qui résume mon Membre à passer dans mon partiel. Se sent dégueulasse. Je me demandais si il pourrait y avoir une meilleure façon?
    • Ok. Oui, que serait un moyen, ou vous pouvez utiliser l'objet anonyme du modèle et de spécifier la dynamique que le type de modèle. Est-il possible de déplacer le commutateur logique dans le modèle parent donc il n'y aurait pas besoin de passer dans la valeur de l'indice? Si vous avez fait cela, votre origine sans doute moins élégant solution fonctionne encore.
    InformationsquelleAutor brightgarden
  4. 7

    Ou vous pouvez simplement faire ceci:

    @foreach(var myItem in Model.Members)
{    
    <span>@Model.Members.IndexOf(myItem)</span>
}
    • Ne pas fonctionner si votre Members est un IEnumerable.
    • vous pouvez toujours utiliser "ToList()" la méthode. Aussi, la question initiale était d'environ un List<T>
    • Terrible de répondre. Ne fonctionne pas si vous avez des doublons dans la liste. Très lent car il recherche la liste à chaque itération. Tout simplement mauvais tout autour.
    • Je vous remercie pour les éléments en double problème. J'étais seulement en se concentrant sur la question. Il n'y avait pas mentionné à propos des doublons.
    InformationsquelleAutor Manoj De Mel
  5. 3

    Est là une raison quelconque vous n'êtes pas en utilisant les sélecteurs CSS pour le style de la première et de la dernière éléments au lieu d'essayer de joindre une classe personnalisée pour eux? Au lieu de style basé sur alpha ou omega, utilisez d'abord l'enfant et dernier enfant.

    http://www.quirksmode.org/css/firstchild.html

    • Je pourrais avoir plusieurs lignes si je dois créer un div pour envelopper chaque ligne de commande pour définir le premier et le dernier enfant à l'intérieur de cette ligne (qui pourrait alors conduire m'avoir besoin d'une variable int). Je vois ce que vous dites bien, c'est quelque chose que je vais essayer d'explorer.
    • Soyons clairs, vous avez plusieurs lignes et plusieurs colonnes. Pourquoi ce n'est pas un tableau? 😉
    • Parce que les tables sont pantalon.
    InformationsquelleAutor Timothy Strimple
  6. 0

    IndexOf semble être utile ici.

    @foreach (myItemClass ts in Model.ItemList.Where(x => x.Type == "something"))
    {
       int currentIndex = Model.ItemList.IndexOf(ts);
       @Html.HiddenFor(x=>Model.ItemList[currentIndex].Type)

    ...

    InformationsquelleAutor user2464265
  7. 0

    Toutes les réponses ci-dessus, nécessitent de logique dans la vue. Les points de vue devraient être muet et contenir aussi peu que possible la logique. Pourquoi ne pas créer des propriétés du modèle de vue qui correspondent à la position dans la liste par exemple:

    public int Position {get; set}

    Dans votre modèle de vue builder vous définissez la position 1 à 4.

    MAIS .. il y a même une manière plus propre. Pourquoi ne pas faire la classe CSS d'une propriété de votre modèle de vue? Ainsi, au lieu de l'instruction switch dans votre partiel, vous faites juste cela:

    <div class="@Model.GridCSS">

    Déplacer l'instruction switch pour votre modèle de vue du générateur et de remplir la classe CSS là.

    InformationsquelleAutor Louise Eggleton
  8. 0

    Dans le cas où vous voulez compter les références de votre modèle( ie: le Client a comme Adresse de référence si vous voulez compter le nombre de l'adresse existe pour un client) dans une boucle foreach, à votre point de vue, tels que:

     @foreach (var item in Model)
                        {
                            <tr>
                                <td>
                                    @Html.DisplayFor(modelItem => item.DtCadastro)
                                </td>

                                <td style="width:50%">
                                    @Html.DisplayFor(modelItem => item.DsLembrete)
                                </td>
                                <td>
                                    @Html.DisplayFor(modelItem => item.DtLembrete)
                                </td>
                                <td>
                                    @{ 
                                        var contador = item.LembreteEnvolvido.Where(w => w.IdLembrete == item.IdLembrete).Count();
                                    }
                                    <button class="btn-link associado" data-id="@item.IdLembrete" data-path="/LembreteEnvolvido/Index/@item.IdLembrete"><i class="fas fa-search"></i> @contador</button>
                                    <button class="btn-link associar" data-id="@item.IdLembrete" data-path="/LembreteEnvolvido/Create/@item.IdLembrete"><i class="fas fa-plus"></i></button>
                                </td>
                                <td class="text-right">
                                    <button class="btn-link delete" data-id="@item.IdLembrete" data-path="/Lembretes/Delete/@item.IdLembrete">Excluir</button>
                                </td>
                            </tr>
                        }

    ne codé:

    @{ var contador = item.LembreteEnvolvido.Where(w => w.IdLembrete == item.IdLembrete).Count();}

    et de l'utiliser comme ceci:

    <button class="btn-link associado" data-id="@item.IdLembrete" data-path="/LembreteEnvolvido/Index/@item.IdLembrete"><i class="fas fa-search"></i> @contador</button>

    ps: n'oubliez pas d'ajouter INCLURE cette référence à vous DbContext à l'intérieur, par exemple, votre action Index du contrôleur, dans le cas où c'est un IEnumerable modèle.

    InformationsquelleAutor BerBar
  9. -1

    Très Simple:

         @{
         int i = 0;
         foreach (var item in Model)
         {
          <tr>
          <td>@(i = i + 1)</td>`
          </tr>
         }
      }`
    InformationsquelleAutor peeyush singh