Cách sạch nhất để có các khối mã nội tuyến bằng cách sử dụng công cụ xem ASP.NET Razor?

Question

Công trình này:

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

Nhưng thật xấu xí ... Có cách nào tốt hơn, sạch hơn để làm việc này không? trong mã này, tôi đang kiểm tra xem một số dữ liệu chế độ xem có rỗng hay không, nếu có thì hãy thêm một lớp.

Hoặc có một kỹ thuật khác để thực hiện điều này tốt hơn không?

Answer 1

tôi đăng một số phương pháp Html mở rộng ngày hôm qua có thể xử lý loại điều:

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

Sử dụng phương pháp này sẽ cung cấp cho bạn cú pháp Dao cạo sau:

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

LƯU Ý: bạn có thể chuỗi các thuộc tính với nhau để tạo các giá trị thuộc tính dựa trên nhiều điều kiện. Ví dụ:

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

sẽ ra:

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

Ngoài ra, nếu giá trị thuộc tính kết quả là trống thuộc tính sẽ sụp đổ để giữ html của bạn gọn gàng.

Answer 2

tôi có lẽ sẽ nói rằng bạn chỉ có thể thêm lớp để mô hình của bạn

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

Điều đó sẽ làm sạch nó lên ...

Removed ví dụ thứ hai khi tôi nhận ra nó sẽ không làm việc

Answer 3

Hoặc bạn có thể làm một cái gì đó như thế này:

@{ 
    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

Làm thế nào về việc sử dụng một toán hạng ba hoặc để evalate một biểu thức như sau:

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

Answer 5

Sử dụng một phương pháp trong @functions phần:

@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)))