ASP.NET MVC e ASP.NET Core MVC danno la possibilità di componentizzare il markup grazie all'uso della partial View di Razor, che consentono di isolare pezzi di markup all'interno di file, che possono essere riutilizzati.
Questa è la strada da preferire qualora fosse necessario utilizzare il template da View differenti, ma esiste un'alternativa più semplice, ovvero di creare un template visibile solo a livello di View.
In questo caso, sfrutteremo la potenza di C#, unita a quella di Razor, per creare, di fatto, una funzione (da posizionare nel nostro file prima di invocarla):
Func<Product, object> myTemplate = @<text> <tr> <td> @Html.ActionLink(item.Title, "Details", "Products", new { id = item.ID }, null) </td> <td> @item.StartDate.ToString("dd/MM/yyyy") </td> <td> @item.EndDate.ToString("dd/MM/yyyy") </td> <td class="buttons"> @Html.ActionLink("Dettagli", "Details", "Products", new { id = item.ID }, null) @Html.ActionLink("Modifica", "Edit", "Products", new { id = item.ID }, null) </td> </tr> </text>;
Il codice precedente definisce un template in linea, a cui passeremo un'istanza di Product, il nostro modello, e che restituisce un generico Object.
Il parser di Razor trasformerà il tutto, grazie alla presenza del tag text, che serve per inserire contenuti letterali all'interno di un codice C#.
Per utilizzare il template così creato, ci basterà inserire la chiamata dove ne avremo bisogno, come nell'esempio:
<table> @foreach (var item in Model.NewProducts) { @Html.Raw(myTemplate(item)) } </table>
I template così creati, accettando dinamicamente un'istanza di un prodotto, potranno essere riutilizzati in più punti all'interno della view, con il vantaggio di aver centralizzato il codice e di poter modificare più facilmente il markup, in un punto solo.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare Model as a Service su Microsoft Azure
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Eseguire attività basate su eventi con Azure Container Jobs
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Eseguire attività con Azure Container Jobs
Reactive form tipizzati con modellazione del FormBuilder in Angular
Gestire undefined e partial nelle reactive forms di Angular
Definire stili a livello di libreria in Angular
Gestire liste di tipi semplici con Entity Framework Core
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
- Ottimizzazione dei block template in Angular 17
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!