Finora abbiamo sempre visto QuickGrid dal punto di vista della consultazione dati. Questo perché, fondamentalmente, questa griglia è un componente read only, senza supporto nativo alla scrittura.
Tuttavia, se dobbiamo creare delle pagine CRUD piuttosto standard e se stiamo utilizzando Entity Framework (e pertanto siamo in un contesto di Server Interactivity), possiamo usare lo scaffolding di Visual Studio per generare queste pagine automaticamente.
Con un click sul tasto destro su una directory qualsiasi del progetto Blazor, dobbiamo selezionare Add -> New Scaffolded Item, e successivamente Razor Pages using Entity Framework:

Nella successiva pagina del Wizard, dobbiamo indicare quale entity vogliamo gestire e, ovviamente, il DbContext da utilizzare:

A questo punto, lo scaffolder creerà una serie di pagine per le tipiche operazioni CRUD: Index, Edit, Create, Details e Delete.
Per esempio, la pagina Index conterrà la lista delle nostre entity, ovviamente basata su QuickGrid - e che potremo personalizzare secondo le nostre necessità:
@page "/shares" @using Microsoft.AspNetCore.Components.QuickGrid @inject BlazorQuickGrid.Data.MyContext DB @using BlazorQuickGrid.Data <PageTitle>Index</PageTitle> <h1>Index</h1> <p> <a href="shares/create">Create New</a></p> <QuickGrid Class="table" Items="DB.Shares"> <PropertyColumn Property="share => share.CompanyName" /> <PropertyColumn Property="share => share.Value" /> <TemplateColumn Context="share"> <a href="@($"shares/edit?id={share.Id}")">Edit</a> | <a href="@($"shares/details?id={share.Id}")">Details</a> | <a href="@($"shares/delete?id={share.Id}")">Delete</a> </TemplateColumn> </QuickGrid>
Il risultato finale, seppure magari un po' semplicistico, ci permette di risparmiare un sacco di tempo ed è comunque funzionale - per esempio - per realizzare velocemente un back office:

Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare il refresh dei dati di una QuickGrid di Blazor
Utilizzare i variable font nel CSS
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Gestire gli accessi con Token su Azure Container Registry
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core