Razor Helpers chia sẻ vấn đề html với các khối mã

Question

Tôi đoán những gì tôi muốn làm là "chuỗi" dữ liệu của tôi xuống để nó kết thúc lên trông giống nhau. Tất cả html của tôi phải được bọc trong một số hình thức

<fieldset class="" data-role=""> 

Vì vậy, những gì tôi có là một helper mà in các hình thức khác nhau. Một nhãn sẽ là nhãn:

<fieldset data-role="@role"> 
    <label>@Html.Raw(label)</label> 
</fieldset> 

Bây giờ khi tôi có nhiều loại nhãn và một nhãn bao gồm một khối mã. Khi nó là một mảnh đơn giản của văn bản, như "Tên" Tôi làm:

@FieldSet.Label("First Name") 

Nhưng khi tôi có một khối mã như:

<b>some text</b> 
<p>some other text (some time frame - some time frame) 

Nó trở nên phức tạp để sử dụng này:

@FieldSet.Label("<b>" + Model.Text1 + "</b><p>" + Model.Text2 + 
    " (" + Model.Time1 + " - " + Model.Time2 +")</p>") 

Những gì tôi muốn nó là một giải pháp mà trông giống như sau:

@FieldSet.Label(@<text> 
<b>@Model1.Text1</b> 
<p>@Model.Text2 (@Model.Time1 - @Model.Time2)</p> 
</text>) 

Tôi đã đọc ở đâu đó điều này là có thể, nhưng tôi không thể tìm thấy bài viết. Tôi có thể hoàn toàn bị nhầm lẫn, nhưng tôi thực sự không muốn có một đoạn mã HTML duy nhất trong mã phía sau và tôi muốn sử dụng cú pháp dao cạo, chứ không phải nối chuỗi.

Answer 1

Kiểm tra bài viết này từ Phil Haack

• http://haacked.com/archive/2011/02/27/templated-razor-delegates.aspx
• http://haacked.com/archive/2011/04/14/a-better-razor-foreach-loop.aspx

Bạn có thể:

Viết như một phương pháp mở rộng cho một HtmlHelper mạnh mẽ-gõ:

public static class RazorExtensions 
{ 
    public static HelperResult Label<T>(this HtmlHelper<T> helper, Func<T, HelperResult> template) { 
     return new HelperResult(writer => { 
      writer.Write("<label>"); 
      template(helper.ViewData.Model).WriteTo(writer); 
      writer.Write("</label>"); 
     }); 
    } 
} 

Vì vậy, bạn có thể viết

@Html.Label(@<text><span>@Model.Item1<span><strong>@Model.Item2</strong></text>) 

đèo mẫu như một tham số cho phương thức helper bạn

public static class FieldSet 
{ 
    public static HelperResult Label<T>(this T model, Func<T, HelperResult> template) { 
     return new HelperResult(writer => { 
      writer.Write("<label>"); 
      template(model).WriteTo(writer); 
      writer.Write("</label>"); 
     }); 
    } 
} 

Cách sử dụng:

@FieldSet.Label(Model, @<div><span>@Model.UserName</span><strong>@Model.FullName</strong><p>@Model.Description</p></div>) 

Answer 2

Bạn có thể nhìn vào cách @Html.BeginForm được thực thi.

Tạo một lớp mà thực hiện IDisposable, và ghi vào dòng đáp ứng trực tiếp:

Mã của bạn có thể trông như thế này (nhập vào bởi người đứng đầu, không kiểm tra):

class FieldSet : IDisposable { 
    public FieldSet(string label) { 
      // TODO: Encode label on line below 
      HttpContext.Current.Response.Write(string.Format("<fieldset><label =\"{0}\"", label)); 
    } 

    public void Dispose() { 
     HttpContext.Current.Response.Write("</fieldset>"); 
    } 
} 

static class FieldSetExtionsions { 
    public static FieldSet FieldSet(this HtmlHelper html, string label) { 
     return new FieldSet(label); 
    } 
} 

Việc sử dụng sẽ :

@using (Html.FieldSet("your label")) { 
    <div> 
     Your razor code goes here 
    </div> 
}