In uno script precedente (https://www.aspitalia.com/script/1371/Realizzare-Oggetto-DataList-Generico-Blazor.aspx) abbiamo visto un possibile utilizzo della direttiva TypeParam in Blazor per rendere i nostri componenti generici.
Purtroppo, nell'attuale sintassi di Razor, questa direttiva non supporta type constraint, cosa che ci impedisce di restringere il campo dei possibili tipi da utilizzare. Fortunatamente esiste un workaround tramite l'utilizzo di partial class.
Immaginiamo per esempio di voler creare un ComparerComponent che evidenzi, di due valori, quello maggiore:
@typeparam TValue <p> <span class="@(this.First.CompareTo(this.Second) > 0 ? "bg-success font-weight-bold" : string.Empty)"> @this.First </span> - <span class="@(this.Second.CompareTo(this.First) > 0 ? "bg-success font-weight-bold" : string.Empty)"> @this.Second </span></p> @code { [Parameter] public TValue First { get; set; } [Parameter] public TValue Second { get; set; } }
Come possiamo notare, abbiamo dichiarato un generico TypeParam TValue e abbiamo due proprietà First e Second di questo tipo. Per confrontare i valori ed evidenziare la maggiore, abbiamo sfruttato il metodo CompareTo, che appartiene all'interfaccia IComparable<T>. Pertanto dobbiamo inserire un vincolo su TValue che implementi questa interfaccia.
Come già accennato, la soluzione è creare un file ComparerComponent.razor.cs in cui definire la partial class seguente:
public partial class ComparerComponent<TValue> where TValue : IComparable<TValue> { }
A questo punto, possiamo utilizzare il componente con un gran numero di tipi differenti, come mostrato nel codice in basso:
<ComparerComponent TValue="int" First="3" Second="5"></ComparerComponent> <ComparerComponent TValue="string" First="@("Mario")" Second="@("Gianni")"></ComparerComponent> <ComparerComponent TValue="DateTime" First="@DateTime.Now" Second="@DateTime.Now.AddDays(-1)" />
Se proviamo però a referenziare un TValue che non rispetti il constraint, come per esempio la classe Stream, otterremo un errore di compilazione:
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare una libreria CSS universale: i bottoni
Routing statico e PreRendering in una Blazor Web App
C# 12: Cosa c'è di nuovo e interessante
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Creare una libreria CSS universale - Rotazione degli elementi
Cancellare una run di un workflow di GitHub
Utilizzare gRPC su App Service di Azure
Disabilitare automaticamente un workflow di GitHub (parte 2)
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Paginare i risultati con QuickGrid in Blazor
Il nuovo controllo Range di Blazor 9
I più letti di oggi
- Simulare Azure Cosmos DB in locale con Docker
- Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- .NET Conference Italia 2024 - Milano
- .NET Conference Italia 2023 - Milano e Online