TagBuilder InnerHtml in ASP.NET 5 MVC 6

Question

Mi sembra che ci siano importanti modifiche in TagBuilder a partire da beta7 senza menzione nel repository annunci.

In particolare .ToString non esegue più il tagbuilder, ma restituisce solo il nome del tipo. in precedenza abbiamo potuto fare cose come questa all'interno delle nostre estensioni HtmlHelper per costruire gli elementi HTML nidificati:

var li = new TagBuilder("li"); 
li.AddCssClass("inactive"); 
var span = new TagBuilder("span"); 
span.SetInnerText(somestring); 
li.InnerHtml = span.ToString(); 

.innerHTML ora non accetta più stringa perché è ormai IHtmlContent

ma dato .ToString() doesn' t rendono il tag questo non funziona neanche:

li.InnerHtml = new HtmlString(span.ToString()) 

si limita rende come "Microsoft.AspNet.Mvc.Rendering.TagBuilder", il nome del tipo.

Non vedo alcun nuovo metodo su TagBuilder per fornire la funzionalità necessaria. Cosa mi manca? Come posso creare un html nidificato complesso con TagBuilder ora?

Answer 1

Poiché TagBuilder ora implementa IHtmlContent, dovrebbe essere possibile utilizzarlo direttamente, senza eseguire .ToString().

var li = new TagBuilder("li"); 
li.AddCssClass("inactive"); 
var span = new TagBuilder("span"); 
span.SetInnerText(somestring); 
li.InnerHtml = span; 

Il vero problema con l'attuale implementazione in Beta 7 è che non esiste un modo semplice per aggiungere due contenuti tag bambino Builder per un genitore uno. È possibile seguire la discussione su GitHub.

L'attuale proposta è di rendere InnerHtml non assegnabile, ma supportare invece Append. Questo obiettivo è implementato in Beta 8.

La soluzione in Beta 7 è chiamare parent.WriteTo con un StringWriter per convertirlo in un string.

Answer 2

Beta 8 ha risolto questo problema aggiungendo un metodo Append() per contrassegnare gli helper.

Per beta 7 la soluzione sarebbe utilizzare la classe BufferedHtmlContent(), ma dal momento che non è accessibile, è necessario eseguire un lavoro aggiuntivo.

private class MyBufferedHtmlContent : IHtmlContent 
{ 
    internal List<IHtmlContent> Entries { get; } = new List<IHtmlContent>(); 

    public MyBufferedHtmlContent Append(IHtmlContent htmlContent) 
    { 
     Entries.Add(htmlContent); 
     return this; 
    } 

    public void WriteTo(TextWriter writer, IHtmlEncoder encoder) 
    { 
     foreach (var entry in Entries) 
     { 
      entry.WriteTo(writer, encoder); 
     } 
    } 
} 

Usage:

TagBuilder firstChild = new TagBuilder("input"); 
firstChild.MergeAttribute("type", "hidden"); 
firstChild.MergeAttribute("name", "Ids"); 
firstChild.TagRenderMode = TagRenderMode.SelfClosing; 

TagBuilder secondChild = new TagBuilder("input"); 
secondChild.MergeAttribute("type", "hidden"); 
secondChild.MergeAttribute("name", "Ids"); 
secondChild.TagRenderMode = TagRenderMode.SelfClosing; 

var innerHtml = new MyBufferedHtmlContent(); 
innerHtml.Append(firstChild); 
innerHtml.Append(secondChild); 
TagBuilder parent = new TagBuilder("div"); 
parent.InnerHtml = innerHtml; 

Answer 3

Utilizzando MVC 6, al momento della scrittura, Tagbuiler.InnerHtml ha infatti alcun setter più. Ha alcuni metodi invece di aggiungere l'elemento. Per esempio si potrebbe scrivere:

var container = new TagBuilder("div"); 
var input = new TagBuilder("input"); 

container.InnerHtml.AppendHtml(input); 

Answer 4

@Memet Olsen

Tutti i miei TagHelpers personalizzati ruppe con un aggiornamento a 4.6.1 (1.0.0-RC2). InnerHtml.Append() non accetterà più un TagBuilder.

Invece, il metodo AppendHtml() è consentito:

var container = new TagBuilder("div"); 
var input = new TagBuilder("input"); 

container.InnerHtml.AppendHtml(input); 

secondo bug-fix [here]

Answer 5

Sulla @ risposta di Mihai per mostrare il codice vero e proprio per l'approccio StringWriter:

// Create tag builder 
var builder = new TagBuilder("img"); 
//... 
// Render tag approach also changed in .NetCore 
builder.TagRenderMode = TagRenderMode.SelfClosing; 

//Create the StringWriter and make TagBuilder "WriteTo" it 
var stringWriter = new System.IO.StringWriter(); 
builder.WriteTo(stringWriter, HtmlEncoder.Default); 
var tagBuilderIsFinallyAStringNow = stringWriter.ToString(); 

Answer 6

Avendo perso span.SetInnerText(somestring); è ora possibile fare

span.InnerHtml.SetContent(somestring);

utilizzando Microsoft.AspNetCore.Html.HtmlContentBuilderExtensions.

Questo viene da una prospettiva di 4.7 con AspNetCore 2.0.1.