En parcourant une liste de rasoir et l'ajout d'un séparateur entre les éléments

J'ai une liste d'articles que je veux de sortie dans un rasoir vue. Entre chaque élément, je veux ajouter un séparateur de ligne, comme ceci:

item1 | item2 | item3

La façon la plus simple pour faire une boucle sur les éléments est avec un foreach:

@foreach(var item in Model.items){
  <span>@item.Name</span> | 
}

Malheureusement, ce qui ajoute une ligne de séparation à la fin de la liste. Est-il un moyen simple de passer cette dernière ligne de séparation?

OriginalL'auteur Marius | 2013-03-18

  1. 19

    Vous pouvez utiliser string.Join:

    @Html.Raw(string.Join("|", model.Items.Select(s => string.Format("<span>{0}</span>", s.Name))))

    À l'aide de string.Join nie la nécessité de vérifier le dernier élément.

    Vous pouvez le mélanger avec un Rasoir @helper méthode plus complexe balisage:

    @helper ComplexMarkup(ItemType item)
{ 
    <span>@item.Name</span>
}

@Html.Raw(string.Join("|", model.Items.Select(s => ComplexMarkup(s))))

    Vous pouvez même créer une méthode d'aide à l'abstrait le Html.Raw() et string.Join() appels:

    public static HtmlString LoopWithSeparator
    (this HtmlHelper helper, string separator, IEnumerable<object> items)
{
    return new HtmlString
          (helper.Raw(string.Join(separator, items)).ToHtmlString());
}

    Utilisation:

    @Html.LoopWithSeparator("|",  model.Items.Select(s => ComplexMarkup(s)))
    +1 de plus élégant que d'autres...
    Cela semble approprié seulement pour les très simple boucle organes.
    Vrai, voir modification d'amélioration sur ce front...
    Désolé, j'ai ajouté le code Html.Raw méthode
    voir mon dernier edit avec HtmlHelper extension

    OriginalL'auteur Oliver

  2. 3

    Combinant les autres réponses ici avec cet article inline sur les modèles, je suis venu avec cette méthode d'assistance, qui peut être mis dans une classe d'extension:

    public static HelperResult Join<T>(this IEnumerable<T> list, Func<T, HelperResult> template, Func<T, HelperResult> separator)
{
    var first = true;
    var result = new HelperResult(writer =>
    {
        foreach (var item in list)
        {
            if (first == false)
                separator(item).WriteTo(writer);
            first = false;
            template(item).WriteTo(writer);
        }
    });

    return result;
}

    La manière de l'utiliser serait alors

    @Model.ListOfItems.Join(
    @<a href="@item.Href">
        @item.Name
    </a>, 
    @<text> | </text>)

    Ce prend en charge le html dans les deux articles et le séparateur.

    Phil Haack a fait quelque chose de similaire, de sorte que vous êtes en bonne compagnie :).

    OriginalL'auteur Marius

  3. 2

    Ne sais pas si c'est la façon la plus simple, ou si c'est une façon plus élégante, mais vous pourriez faire quelque chose comme;

    @foreach ( var item in Model.items){
    <span>@item.Name</span> @(Model.items[Model.items.Count - 1] != item ? "|" : "")
}

    Donc, vous êtes essentiellement de la vérification pour voir si le item est le dernier élément de la liste.

    Pas essayé cet exemple de code, de sorte que vous pourriez avoir besoin à l'ajustez.

    OriginalL'auteur Tim B James

  4. 2

    Garder une variable de compteur et de l'intérieur de la boucle et de vérifier si cela est le dernier élément ou non.

    @{ int counter=0; }
@foreach(var item in Model.items){
  counter++;
  <span>@item.Name</span>
  if(counter<Model.Items.Count) 
  {
    @Html.Raw("|")
  } 
}

    et la version courte est

    @{ int counter=0; }
@foreach(var item in Model.items){
  counter++;
  <span>@item.Name</span> @(counter< Model.items.Count?"|":"")
 }
    C'est la façon dont je le ferais parce que je n'ai jamais trouvé un moyen d'obtenir quelque chose comme cela fonctionne: @for(int i = 0; Modèle.éléments.Count; i++) aimerais savoir comment c'est fait.

    OriginalL'auteur Shyju