Nested TagBuilder -as TagBuilderTree-

Question

TagBuilder là một triển khai tốt đẹp để xây dựng các phần tử HTML. Nhưng một số yếu tố HTML có thể có một yếu tố khác (tôi gọi là trẻ em). Tôi không thể tìm thấy bất kỳ lớp học từ các lớp học Mvc.

Câu hỏi; Tôi có nên triển khai một vài lớp (TagBuilderTree và TagBuilderNode) để hỗ trợ các thẻ lồng nhau hoặc tôi đã bỏ lỡ điều gì đó không?

Answer 1

Bạn có thể tạo các phần tử con trong các Trình tạo thẻ riêng biệt và đặt HTML được tạo của chúng trong Trình tạo thẻ chính của cha mẹ.

Dưới đây là một ví dụ: Một <select> với một số <option> s (ví dụ de-fatted cho terseness)

TagBuilder select = new TagBuilder("select"); 

foreach (var language in languages) // never ye mind about languages 
{ 
    TagBuilder option = new TagBuilder("option"); 
    option.MergeAttribute("value", language.ID.ToString()); 

    if (language.IsCurrent) 
    { 
     option.MergeAttribute("selected", "selected"); 
    } 

    option.InnerHtml = language.Description; 
    // And now, the money-code: 
    select.InnerHtml += option.ToString(); 
} 

Answer 2

OK, tôi quyết định làm một thử nghiệm nhỏ trong cơ sở mã của riêng tôi.

tôi so hai phương pháp để tạo ra chính xác cùng HTML thức:

1. thủ tạo ra html sử dụng một StringBuilder
2. Sử dụng nhiều TagBuilders và làm tổ nội dung

thủ tạo ra html sử dụng một StringBuilder:

 

    var sb = new StringBuilder(); 
    sb.AppendLine("<div class='control-group'>"); 
    sb.AppendFormat(" <label class='control-label' for='{0}_{1}'>{2}</label>", propObj.ModelType, propObj.ModelProperty, propObj.LabelCaption); 
    sb.AppendLine(" <div class='controls'>"); 
    sb.AppendFormat(" <input id='{0}_{1}' name='{0}[{1}]' value='{2}' />", propObj.ModelType, propObj.ModelProperty, propObj.PropertyValue); 
    sb.AppendLine(" </div>"); 
    sb.AppendLine("</div>"); 

    return new HtmlString(sb.ToString()); 
 

U hát nhiều TagBuilder và hợp nhất nội dung:

    TagBuilder controlGroup = new TagBuilder("div"); 
    controlGroup.AddCssClass("control-group"); 

    TagBuilder label = new TagBuilder("label"); 
    label.AddCssClass("control-label"); 
    label.InnerHtml = propObj.LabelCaption; 

    TagBuilder controls = new TagBuilder("div"); 

    TagBuilder input = new TagBuilder("input"); 
    input.Attributes["id"] = propObj.ModelType + "_" + propObj.ModelProperty; 
    input.Attributes["name"] = propObj.ModelType + "[" + propObj.ModelProperty + "]"; 
    input.Attributes["value"] = propObj.PropertyValue; 

    controls.InnerHtml += input; 

    controlGroup.InnerHtml += label; 
    controlGroup.InnerHtml += controls; 

    return new HtmlString(controlGroup.ToString()); 

Với tôi, # 1 dễ đọc hơn và ngắn gọn hơn nhiều, nhưng tôi cũng có thể đánh giá cao cấu trúc của số 2.

Answer 3

Sự cố mà tôi có với TagBuilder để tạo thẻ là có vẻ rất không thể bảo trì. Mặt khác, AppendFormat của StringBuilder không chỉ làm cho mã duy trì được, mà còn chạy với hiệu quả tốt.

Tôi đã cải thiện một chút so với phương pháp # 1 của MattSlay. Tôi chỉ sử dụng một cuộc gọi đến phương thức AppendFormat của StringBuilder và sử dụng ký tự chuỗi C# để xác định định dạng. Kết quả là định dạng kết thúc lên trông giống hệt như kết quả mong muốn và chạy với hiệu quả.

var sb = new StringBuilder(); 
    sb.AppendFormat(
    @"<div class='control-group'> 
      <label class='control-label' for='{0}_{1}'>{2}</label> 
      <div class='controls'> 
      <input id='{0}_{1}' name='{0}[{1}]' value='{3}' /> 
      </div> 
     </div>", 
     propObj.ModelType, 
     propObj.ModelProperty, 
     propObj.LabelCaption, 
     propObj.PropertyValue); 

    return new HtmlString(sb.ToString()); 

Hy vọng điều này sẽ hữu ích!