Per la generazione del markup HTML da restituire all'utente, ASP.NET MVC si basa su Razor, un engine che come sappiamo ci permette di mischiare markup con codice. Le view che definiamo con questo linguaggio vengono poi convertite in una serie di istruzioni che scrivono in uscita l'HTML. Esse possono essere definite come view dell'intera pagina o parziali, in file esterni. In realtà possiamo definire anche porzioni di markup che non vengono eseguite nel punto in cui sono state definite, ma sono delle funzioni che possiamo invocare quando vogliamo.
Questa possibilità viene comoda quando realizziamo helper method, cioè funzioni statiche che generano del markup a seconda dei parametri che passiamo. Spesso questi helper, però, devono far affidamento ad altri helper per evitare di avere un HTML complesso, oppure possono fare affidamento alle funzioni indicate in precedenza per passare una porzione di HTML.
Nello script di oggi proponiamo un semplice helper method che genera un div con uno stile e genera il suo contenuto mediante il template passato. Il suo utilizzo è il seguente:
@Html.LabelWithTemplate( @<text> <div>@Html.DisplayFor(m => m.Details.Date)</div> </text>)
Come possiamo vedere, l'uso del tag speciale
<div class="label"> <div>venerdì 16 ottobre 2015 00:00</div> </div>
Il primo div è generato dal nostro helper method, il secondo dalla chiamata a DisplayFor. Vediamo ora come è definita la funzione.
public static class HtmlExtensions { public static IHtmlString LabelWithTemplate(this HtmlHelper helper, Func<ViewContext, IHtmlString> template) { var tagBuilder = new TagBuilder("div"); tagBuilder.AddCssClass("label"); // Invoco la generazione dell'HTML del template tagBuilder.InnerHtml = template(helper.ViewContext).ToString(); return MvcHtmlString.Create(tagBuilder.ToString()); } }
Come possiamo vedere, la particolarità sta nella Func
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Generare file PDF da Blazor WebAssembly con iText
Usare lo spread operator con i collection initializer in C#
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Utilizzare il trigger SQL con le Azure Function
Evitare la command injection in un workflow di GitHub
Eseguire attività basate su eventi con Azure Container Jobs
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Inizializzare i container in Azure Container Apps
Sfruttare lo streaming di una chiamata Http da Blazor
Controllare gli accessi IP alle app con Azure Container Apps
Assegnare un valore di default a un parametro di una lambda in C#
I più letti di oggi
- Utilizzare Docker Compose con Azure App Service
- Utilizzare QuickGrid di Blazor con Entity Framework
- Modernizzare le applicazioni WPF e Windows Forms con Blazor
- ASP 3 per esempi
- annunciato #netstandard 2.1. .NET Core lo supporterà a partire da #netcore3, così come le prossime versione di #xamarin, #mono e #unity.il supporto per #netfx 4.8, invece, non ci sarà. https://aspit.co/bq2