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
Eseguire le GitHub Actions offline
Sottoscrizione agli eventi sul contenitore in JavaScript
Reactive form tipizzati con modellazione del FormBuilder in Angular
Specificare il versioning nel path degli URL in ASP.NET Web API
Sfruttare al massimo i topic space di Event Grid MQTT
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Utilizzare la libreria Benchmark.NET per misurare le performance
3 metodi JavaScript che ogni applicazione web dovrebbe contenere - Parte 2
Generare token per autenicarsi sulle API di GitHub
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Eseguire attività basate su eventi con Azure Container Jobs