ASP.NET MVC dao cạo: thuộc tính điều kiện trong HTML

Question 1

Mã bên dưới có vẻ không sạch. Bất kỳ đề xuất để cải thiện mã?

<li @if(ViewData["pagename"].ToString()=="Business details"){ <text>class="active" </text> } >
        <a  @if(ViewData["pagename"].ToString()=="Business details"){ <text>style="color: white; background-color: #08C; border: 1px solid #08C;" </text> }
            href="@Url.Action("BusinessDetails", "Business")">Business Details</a>
    </li> 
    <li @if (ViewData["pagename"].ToString() == "Booking policies"){ <text>class="active"</text> }> 
        <a  @if (ViewData["pagename"].ToString() == "Booking policies")
               { <text>style="color: white; background-color: #08C; border: 1px solid #08C;" </text> }
            href="@Url.Action("BookingPolicies", "Business")">Booking policies</a> 
    </li>

Question 2

MVC có các thuộc tính điều kiện được xây dựng trong ...

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

Nếu @myClass là null, nó sẽ không sử dụng thuộc tính nào cả ...

Tôi biết rằng điều đó có thể không hoàn toàn giải quyết được vấn đề hiện tại của bạn, nhưng nó đáng chú ý!

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

Question 3

<li class="@(ViewBag.pagename == "Business details" ? "active" : null)">

Bạn nên thay thế nội dòng style="..."bằng một tên lớp riêng biệt và sử dụng cùng một cú pháp ở đó.

Tuy nhiên, sẽ dễ dàng hơn nếu tạo một phương thức mở rộng trình trợ giúp HTML riêng biệt lấy một trang và tên hành động và tạo HTML một cách chung chung.

Question 4

Tôi sử dụng một phương thức trợ giúp nhỏ sẽ thêm một thuộc tính có điều kiện nếu giá trị không trống và, nếu được định nghĩa, khi một biểu thức hàm Boolean đánh giá thành true:

public static MvcHtmlString Attr(this HtmlHelper helper, string name, string value, Func<bool> condition = null)
{
    if (string.IsNullOrEmpty(name) || string.IsNullOrEmpty(value))
    {
        return MvcHtmlString.Empty;
    }

    var render = condition != null ? condition() : true;

    return render ? 
        new MvcHtmlString(string.Format("{0}=\"{1}\"", name, HttpUtility.HtmlAttributeEncode(value))) : 
        MvcHtmlString.Empty;
}

Sau khi xác định, tôi có thể sử dụng phương pháp này trong các khung nhìn Razor của mình:

<li @(Html.Attr("class", "new", () => example.isNew))>
...
</li>

Đoạn mã trên sẽ hiển thị <li class="new">...</li>nếu example.isNew == true, nếu không sẽ bỏ qua toàn bộ classthuộc tính.

Question 5

Trong MVC4

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    @{
        string css = "myDiv";
    }
    <div class='@css'></div>
</body>
</html>

hoặc là

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    @{
        string css = "class=myDiv";
    }
    <div @css></div>
</body>
</html>

Nhiều hơn ở đây: http://evolpin.wordpress.com/2012/05/20/mvc-4-code-enhancements/

Question 6

Tiếp cận với phương pháp mở rộng TagWrap. Mã cho câu hỏi của bạn sẽ giống như sau:

@using (Html.TagWrap("li", condition ? new { @class = "active" } : null))
{
    var anchorAttrs = new Dictionary<string, object> { { "href", Url.Action("BusinessDetails", "Business") } };
    if(condition)
    {
        anchorAttrs["style"] = "color: white; background-color: #08C; border: 1px solid #08C;";
    }
    using (Html.TagWrap("a", anchorAttrs))
    {
        <text>Business Details</text>
    }
}

Các phương pháp mở rộng TagWrap

sử dụng Microsoft.AspNetCore.Mvc.ViewFeatures;

public static IDisposable TagWrap(this IHtmlHelper htmlHelper, string tagName, object data)
{
    return htmlHelper.TagWrap(tagName, HtmlHelper.AnonymousObjectToHtmlAttributes(data));
}

public static IDisposable TagWrap(this IHtmlHelper htmlHelper, string tagName, IDictionary<string, object> data)
{
    var tag = new TagBuilder(tagName);
    tag.MergeAttributes(data);

    htmlHelper.ViewContext.Writer.Write(tag.RenderStartTag());

    return new DisposableAction(() =>
        htmlHelper.ViewContext.Writer.Write(tag.RenderEndTag()));
}

Lớp người trợ giúp được sử dụng để hiển thị thẻ đóng trên Dispose

public class DisposableAction : IDisposable
{
    private readonly Action DisposeAction;

    public DisposableAction(Action action)
    {
        DisposeAction = action;
    }

    public void Dispose()
    {
        DisposeAction();
    }
}

Question 7

Dựa trên câu trả lời về rã đông ở đây là một sự thích nghi, objectthay vì một string:

    public static MvcHtmlString ConditionalAttr(this HtmlHelper helper, string attributeName, object value, Func<bool> condition)
    {
        if (string.IsNullOrEmpty(attributeName) || value == null)
        {
            return MvcHtmlString.Empty;
        }

        var render = condition != null ? condition() : true;

        return render ? 
            new MvcHtmlString($"{attributeName}=\"{HttpUtility.HtmlAttributeEncode(value.ToString())}\"") : 
            MvcHtmlString.Empty;
    }

Bằng cách này, bạn không phải chuyển các kiểu dữ liệu khác của mình thành các chuỗi trước khi chuyển chúng, tiết kiệm một lượng nhỏ .ToString(). Có một sự khác biệt là : truyền một chuỗi rỗng sẽ vẫn hiển thị. Ví dụ như:

@Html.ConditionalAttr("data-foo", "", () => Model.IsFooNeeded)

// Ouput:
data-foo=""

Question 8

@{ var classAttr= needClass ? "class=\"class-name\"" : "" }

và sau đó trong HTML

<li @Html.Raw(classAttr) >