TagBuilder anidado -como TagBuilderTree-

Question

TagBuilder es una buena implementación para crear elementos HTML. Pero algunos elementos HTML pueden tener otros elementos (llamé como niños). No pude encontrar ninguna clase de clases de Mvc.

Pregunta; ¿Debería implementar algunas clases (TagBuilderTree y TagBuilderNode) que admitan etiquetas anidadas o me perdi algo?

Answer 1

Puede construir los elementos secundarios en TagBuilders separados y poner su HTML generado en el TagBuilder principal.

He aquí un ejemplo: Una <select> con algunos <option> s (ejemplo desgrasada de concisión)

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

bien, decidí hacer una pequeña prueba en mi propia base de código.

I compararon estos dos métodos para crear exactamente el mismo HTML final:

1. generar manualmente el html usando un StringBuilder
2. El uso de múltiples TagBuilders y anidando el contenido

generar manualmente el html utilizando un 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 cantar múltiples TagBuilders y la fusión del contenido:

    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()); 

Para mí, # 1 es más fácil de leer y mucho más concisa, pero puedo apreciado sin la estructura de # 2 también.

Answer 3

El problema que tengo con TagBuilder para crear etiquetas es que parece muy poco sostenible. Por otro lado, AppendFormat de StringBuilder no solo hace que el código se pueda mantener, sino que también se ejecuta con buena eficacia.

He realizado una ligera mejora en el método # 1 de MattSlay. Utilicé solo una llamada al método AppendFormat de StringBuilder y utilicé el literal de cadena C# para definir el formato. Como resultado, el formato termina pareciéndose exactamente al resultado deseado y se ejecuta con eficiencia.

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()); 

Hope this helps!