Simple If / Else Razor Syntaxe
j'essaie de faire un simple If / Else dans un foreach avec ce code:
@{
var count = 0;
foreach (var item in Model)
{
if (count++ % 2 == 0)
{
@:<tr class="alt-row">
} else {
@:<tr>
}
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.Truncate(item.Details, 75)
</td>
<td>
<img src="@Url.Content("~/Content/Images/Projects/")@item.Images.Where(i => i.IsMain == true).Select(i => i.Name).Single()"
alt="@item.Images.Where(i => i.IsMain == true).Select(i => i.AltText).Single()" class="thumb" />
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.ProjectId }) |
@Html.ActionLink("Details", "Details", new { id = item.ProjectId }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ProjectId })
</td>
</tr>
}
}
j'obtiens une erreur d'analyse "la balise de fin rencontrée" tr " sans balise de début correspondante. Vos étiquettes de début et de fin sont-elles bien équilibrées?". On dirait que l'instruction if ne veut pas marcher.
4 réponses
il suffit D'utiliser ceci pour la balise de fermeture:
@:</tr>
Et laisser votre si/d'autre comme il est.
ça marche très bien. Vous travaillez dans deux espaces linguistiques ici, il ne semble que correct de ne pas partager des sandwichs ouverts / fermés à la frontière.
je voudrais juste aller avec
<tr @(if (count++ % 2 == 0){<text>class="alt-row"</text>})>
Ou encore mieux
<tr class="alt-row@(count++ % 2)">
cela vous donnera des lignes comme
<tr class="alt-row0">
<tr class="alt-row1">
<tr class="alt-row0">
<tr class="alt-row1">
un peu hors sujet peut-être, mais pour les navigateurs modernes (IE9 et plus récents), vous pouvez utiliser les sélecteurs impair/pair css pour atteindre veulent que vous voulez.
tr:nth-child(even) { /* your alt-row stuff */}
tr:nth-child(odd) { /* the other rows */ }
ou
tr { /* all table rows */ }
tr:nth-child(even) { /* your alt-row stuff */}
pour vous débarrasser de la maladresse if/else vous pouvez utiliser un bloc d'utilisation:
@{
var count = 0;
foreach (var item in Model)
{
using(Html.TableRow(new { @class = (count++ % 2 == 0) ? "alt-row" : "" }))
{
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.Truncate(item.Details, 75)
</td>
<td>
<img src="@Url.Content("~/Content/Images/Projects/")@item.Images.Where(i => i.IsMain == true).Select(i => i.Name).Single()"
alt="@item.Images.Where(i => i.IsMain == true).Select(i => i.AltText).Single()" class="thumb" />
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.ProjectId }) |
@Html.ActionLink("Details", "Details", new { id = item.ProjectId }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ProjectId })
</td>
}
}
}
élément réutilisable qui facilite l'ajout d'attributs:
//Block is take from http://www.codeducky.org/razor-trick-using-block/
public class TableRow : Block
{
private object _htmlAttributes;
private TagBuilder _tr;
public TableRow(HtmlHelper htmlHelper, object htmlAttributes) : base(htmlHelper)
{
_htmlAttributes = htmlAttributes;
}
public override void BeginBlock()
{
_tr = new TagBuilder("tr");
_tr.MergeAttributes(HtmlHelper.AnonymousObjectToHtmlAttributes(_htmlAttributes));
this.HtmlHelper.ViewContext.Writer.Write(_tr.ToString(TagRenderMode.StartTag));
}
protected override void EndBlock()
{
this.HtmlHelper.ViewContext.Writer.Write(_tr.ToString(TagRenderMode.EndTag));
}
}
méthode Helper pour rendre la syntaxe du rasoir plus claire:
public static TableRow TableRow(this HtmlHelper self, object htmlAttributes)
{
var tableRow = new TableRow(self, htmlAttributes);
tableRow.BeginBlock();
return tableRow;
}