Sauberste Möglichkeit, Inline-Codeblöcke mit der ASP.NET Razor View Engine zu verwenden?

Question

Dies funktioniert:

<li @{if (Model.Mode == "map") {<text> class="bselected"</text>}}>@Html.ActionLink("Map & Directions", MVC.Biz.Show(Model.SingleBiz.BizName, "map", string.Empty))</li> 

Aber es ist hässlich ... Gibt es einen besseren, sauberere Weg, dies zu tun? In diesem Code überprüfe ich, ob einige Ansichtsdaten null oder leer sind. Wenn ja, füge eine Klasse hinzu.

Oder gibt es eine andere Technik, um dies besser zu erreichen?

Answer 1

ich einige HTML-Erweiterung Methoden gestern geschrieben, dass diese Art der Sache umgehen:

How to concisely create optional HTML attributes with razor view engine?

Mit diesem Ansatz erhalten Sie die folgende Razor-Syntax:

<li @Html.Css("selected", Model.Mode == "map")>STUFF</li> 

HINWEIS: Sie können Attribute zusammenketten, um Attributwerte basierend auf mehreren Bedingungen aufzubauen. Zum Beispiel:

<li @Html.Css("selected", true).Add("winner", false).Add("last", true)>STUFF</li> 

ausgeben würde:

<li class="selected last">STUFF</li> 

Auch, wenn der resultierende Attributwert leer ist das Attribut Ihre HTML ordentlich halten kollabiert.

Answer 2

Ich würde wahrscheinlich sagen, Sie könnten nur die Klasse zu Ihrem Modell hinzufügen

<li class="@Model.Selected">@Html.ActionLink("Map & Directions", MVC.Biz.Show(Model.SingleBiz.BizName, "map", string.Empty))</li> 

, dass es bis reinigen würde ...

entfernt zweites Beispiel, wie ich es realisiert wird nicht funktionieren

Answer 3

Oder man könnte so etwas tun:

@{ 
    var cssClass = (Model.Mode == "map") ? "selected" : ""; 
} 

<li class="@cssClass">@Html.ActionLink("Map & Directions", MVC.Biz.Show(Model.SingleBiz.BizName, "map", string.Empty))</li> 

Answer 4

Wie wäre es ein ternäres operat mit oder einen Ausdruck evalate wie folgt:

<li @(Model.Mode == "map" ? "class='bselected' : "")>@Html.ActionLink("Map & Directions", MVC.Biz.Show(Model.SingleBiz.BizName, "map", string.Empty))</li> 

Answer 5

ein Verfahren, in dem @Funktionen Abschnitt Verwendung:

@functions{ 
    public HtmlString Li(bool selected, IHtmlString template) { 
     var result = string.Format("<li{0}>{1}</li>", 
     selected ? " class='selected'" : "")), 
     template); 
     return new HtmlString(result); 
    } 
} 

@* ... *@ 

@Li(Model.Mode == "map", Html.ActionLink("Map & Directions", MVC.Biz.Show(Model.SingleBiz.BizName, "map", string.Empty)))