Nel corso del nostro articolo introduttivo su ASP.NET MVC 3, abbiamo visto come la gestione delle Layout View in Razor presenti qualche differenza rispetto a quanto eravamo abituati a fare con le Master Page del Web Forms View Engine.
In Razor, infatti, tramite il metodo RenderBody possiamo indicare il punto, nel layout della pagina, dove dovrà essere posizionato l'intero contenuto della View che sarà renderizzata.
<html> <head> ... </head> <body> @RenderBody() </body> </html>
Spesso, però, si ha la necessità di definire delle sezioni addizionali, in altri punti del layout, in cui le View potranno eventualmente aggiungere del contenuto personalizzato. In Razor, questi placeholder aggiuntivi vengono chiamati Section e possono essere definiti, all'interno delle singole View, tramite il tag @section.
@section footer { <div>Copyright © 2001 by Marco De Sanctis</div> }
Nel codice in alto, ad esempio, abbiamo realizzato una section denominata "footer", che potrà poi essere visualizzata all'interno della Layout View sfruttando il metodo RenderSection.
<body> @RenderBody() <div id="footer"> @RenderSection("footer", required:false) </div> </body>
Questo metodo, oltre al nome della sezione da visualizzare, ammette un secondo parametro required, tramite cui possiamo specificare se essa debba essere obbligatoriamente presente all'interno della view.
Nel caso di sezioni opzionali, può essere utile voler definire un layout di default, da utilizzare quando queste non siano specificate nella View visualizzata. Un simile risultato può essere ottenuto tramite il metodo IsSectionDefined, come nell'esempio seguente.
<body> @RenderBody() <div id="footer"> @if (!IsSectionDefined("footer")) { <div>Footer di default</div> } @RenderSection("footer", required:false) </div> </body>
Per approfondimenti
Introduzione ad ASP.NET MVC 3https://www.aspitalia.com/articoli/asp.net-mvc/mvc3-overview.aspx
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Miglioramenti nell'accessibilità con Angular CDK
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Utilizzare le collection expression in C#
Utilizzare un service principal per accedere a Azure Container Registry
C# 12: Cosa c'è di nuovo e interessante
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Gestire undefined e partial nelle reactive forms di Angular
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Eseguire una GroupBy per entity in Entity Framework
Creazione di componenti personalizzati in React.js con Tailwind CSS
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)