Как сжато создавать дополнительные атрибуты HTML с движком просмотра бритвы?

Question

Я ищу способ написать следующий код с меньшим количеством строк кода (возможно, 5). Я полагаю, я мог бы сделать то же самое, что и выбранный класс, но этот синтаксис бритвы выглядит не очень красивым.

<ul> 
@foreach (var mi in Model.MenuItems) { 
    <li@(mi.Selected?" class=\"selected\"":null)> 
    @if (string.IsNullOrEmpty(mi.Title)) { 
    <a href="@mi.Href">@mi.Text</a> 
    } else { 
    <a href="@mi.Href" title="@mi.Title">@mi.Text</a> 
    } 
    </li> 
} 
</ul> 

Answer 1

исправленные в ASP.NET MVC 4

http://weblogs.asp.net/jgalloway/archive/2012/02/16/asp-net-4-beta-released.aspx см

Условный атрибут визуализации

Если у вас есть атрибут, который может быть нулевым, в прошлом вы должны были сделать пустой чек, чтобы избежать выписывая пустой атрибут, как это:

<div @{if (myClass != null) { <text>class="@myClass"</text> } }>Content</div> 

Теперь Razor может обрабатывать это автоматически, поэтому вы можете просто записать атрибут.Если это нуль, то атрибут не написано:

<div class="@myClass">Content</div> 

Так что, если @myClass равно нулю, то выход только это:

<div>Content</div> 

Answer 2

Ditch Razor and use Spark view engine. ;)

Посмотрите, как здесь работают http://sparkviewengine.com/documentation/expressions#Conditionalattributeoutput

Answer 3

<ul> 
@foreach (var mi in Model.MenuItems) { 
    <li@(mi.Selected?" class=\"selected\"":null)> 
     <a href="@mi.Href" @{if(!string.IsNullOrEmpty(mi.Title)) { <text>title="@mi.Title"</text>} }>@mi.Text</a> 
    </li> 
} 
</ul> 

много simpiler необязательные атрибуты HTML я не проверял, но это правильно разбирает.

Answer 4

Это было бы хорошим кандидатом для пользовательских HTML помощник:

public static class HtmlExtensions 
{ 
    public static MvcHtmlString MenuItem(this HtmlHelper htmlHelper, MenuItem mi) 
    { 
     var li = new TagBuilder("li"); 
     if (mi.Selected) 
     { 
      li.AddCssClass("selected"); 
     } 
     var a = new TagBuilder("a"); 
     a.MergeAttribute("href", mi.Href); 
     if (!string.IsNullOrEmpty(mi.Title)) 
     { 
      a.MergeAttribute("title", mi.Title); 
     } 
     a.SetInnerText(mi.Text); 
     return MvcHtmlString.Create(li.ToString()); 
    } 
} 

и на ваш взгляд:

<ul> 
@foreach (var mi in Model.MenuItems) { 
    @Html.MenuItem(mi) 
} 
</ul> 

или с помощью DisplayTemplates вам даже не нужно писать цикл:

<ul> 
    @Html.DisplayFor(x => x.MenuItems) 
</ul> 

Answer 5

Я придумал цельный класс HtmlAttribute и некоторые методы расширения Html, чтобы позволить Razo г синтаксис ниже:

<ul> 
    @foreach (var mi in items) { 
    <li @Html.Css("selected", mi.Selected)> 
     <a href="@mi.Href" @Html.Attr("title", mi.Title)>@mi.Text</a> 
    </li> 
    } 
</ul> 

Вот класс HtmlAttribute:

public class HtmlAttribute : IHtmlString  
{ 
    private string _InternalValue = String.Empty; 
    private string _Seperator; 

    public string Name { get; set; } 
    public string Value { get; set; } 
    public bool Condition { get; set; } 

    public HtmlAttribute(string name) 
     : this(name, null) 
    { 
    } 

    public HtmlAttribute(string name, string seperator) 
    { 
     Name = name; 
     _Seperator = seperator ?? " "; 
    } 

    public HtmlAttribute Add(string value) 
    { 
     return Add(value, true); 
    } 

    public HtmlAttribute Add(string value, bool condition) 
    { 
     if (!String.IsNullOrWhiteSpace(value) && condition) 
      _InternalValue += value + _Seperator; 

     return this; 
    } 

    public string ToHtmlString() 
    { 
     if (!String.IsNullOrWhiteSpace(_InternalValue)) 
      _InternalValue = String.Format("{0}=\"{1}\"", Name, _InternalValue.Substring(0, _InternalValue.Length - _Seperator.Length)); 
     return _InternalValue; 
    } 
} 

Дополнительно: «Seperator» используется для цепи вместе несколько значений для атрибута. Это может быть полезно для нескольких имен класса css (используйте пробел) или, возможно, использовать String.Empty для создания значения, зависящего от нескольких условий (с помощью метода .Add())

И вот методы помощника Html Extension :

public static class Extensions 
{ 
    public static HtmlAttribute Css(this HtmlHelper html, string value) 
    { 
     return Css(html, value, true); 
    } 

    public static HtmlAttribute Css(this HtmlHelper html, string value, bool condition) 
    { 
     return Css(html, null, value, condition); 
    } 

    public static HtmlAttribute Css(this HtmlHelper html, string seperator, string value, bool condition) 
    { 
     return new HtmlAttribute("class", seperator).Add(value, condition); 
    } 

    public static HtmlAttribute Attr(this HtmlHelper html, string name, string value) 
    { 
     return Attr(html, name, value, true); 
    } 

    public static HtmlAttribute Attr(this HtmlHelper html, string name, string value, bool condition) 
    { 
     return Attr(html, name, null, value, condition); 
    } 

    public static HtmlAttribute Attr(this HtmlHelper html, string name, string seperator, string value, bool condition) 
    { 
     return new HtmlAttribute(name, seperator).Add(value, condition); 
    } 
} 

Дайте мне знать, если они полезны.

Спасибо,

Ли

Answer 6

<ul> 
@foreach (var mi in Model.MenuItems) { 
    <li@(Html.Raw((mi.Selected ? " class=\"selected\"" : null))> 
    <a href="@mi.Href">@mi.Text</a> 
    </li> 
} 
</ul> 

Answer 7

Это действительно очень простой и чистый:

<p @(cssClass != null) ? { class="@cssClass" }> Stuff and whatnot... </p> 

Answer 8

class атрибут не будет оказана Razor, если значение null

<a href="#nolink" class="@(categoryId == null ? "submenu-active": null)">All</a> 

Answer 9

Для случая нескольких классов я использую этот простой метод расширения:

public static MvcHtmlString If(this string text, bool condition) { 
    return new MvcHtmlString(condition ? text : string.Empty); 
} 

И в представлении:

<div class="menuitem @("active".If(Model.Active))">