radzen datagrid

HelloBlazorServer/HelloBlazorServer/Components/Pages/Data.razor

@@ -1,11 +1,14 @@
 @page "/data"
 @inject IDatabase<GangnamguPopulation> DatabaseService
+@rendermode RenderMode.InteractiveServer
 
 <PageTitle>G.P.L | Data</PageTitle>
 
 <RadzenText TextStyle="TextStyle.H4">강남구 인구통계 입력</RadzenText>
 
-<RadzenDataGrid Data="_items">
+<RadzenButton ButtonStyle="ButtonStyle.Success" Icon="add_circle_outline" Text="Add" Click="@InsertRow"></RadzenButton>
+
+<RadzenDataGrid @ref="_dataGrid" Data="_items" AllowPaging="true" PageSize="10" TItem="GangnamguPopulation" RowCreate="@OnCreateRow" RowUpdate="OnUpdateRow">
     <Columns>
         <RadzenDataGridColumn TItem="GangnamguPopulation" Property="Id" Title="Id">
             <EditTemplate Context="data" >
@@ -47,15 +50,57 @@
                 <RadzenNumeric @bind-Value="data.NumberOfPeoplePerHousehold" />
             </EditTemplate>
         </RadzenDataGridColumn>
+        <RadzenDataGridColumn TItem="GangnamguPopulation">
+            <Template Context="data">
+                <RadzenButton Icon="edit" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@(() => EditRow(data))"></RadzenButton>
+                <RadzenButton Icon="delete" ButtonStyle="ButtonStyle.Danger" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@(() => DeleteRow(data))"></RadzenButton>
+            </Template>
+            <EditTemplate Context="data">
+                <RadzenButton Icon="check" ButtonStyle="ButtonStyle.Success" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@(() => SaveRow(data))"></RadzenButton>
+            </EditTemplate>
+        </RadzenDataGridColumn>
     </Columns>
 
 </RadzenDataGrid>
 
 @code {
+    private RadzenDataGrid<GangnamguPopulation> _dataGrid;
+
     private IEnumerable<GangnamguPopulation>? _items;
 
     protected async override Task OnInitializedAsync()
     {
         _items = await DatabaseService.GetAsync();
     }
+
+    private void EditRow(GangnamguPopulation data)
+    {
+        _dataGrid.EditRow(data);
+    }
+
+    private void DeleteRow(GangnamguPopulation data)
+    {
+        DatabaseService.Delete(data.Id);
+    }
+
+    private void SaveRow(GangnamguPopulation data)
+    {
+        _dataGrid.UpdateRow(data);
+    }
+
+    private void InsertRow()
+    {
+        var newData = new GangnamguPopulation();
+        _dataGrid.InsertRow(newData);
+    }
+
+    private void OnCreateRow(GangnamguPopulation data)
+    {
+        DatabaseService.Create(data);
+    }
+
+    private void OnUpdateRow(GangnamguPopulation data)
+    {
+        DatabaseService.Update(data.Id, data);
+    }
 }