Edit Records
This commit is contained in:
@@ -84,12 +84,71 @@
|
||||
{
|
||||
<MudTh>@column</MudTh>
|
||||
}
|
||||
@if (isEditable)
|
||||
{
|
||||
<MudTh>Actions</MudTh>
|
||||
}
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd DataLabel="Code">@context.Code</MudTd>
|
||||
@foreach (var column in displayedColumns)
|
||||
@if (editingRecordId == context.Id)
|
||||
{
|
||||
<MudTd DataLabel="@column">@GetRecordValue(context, column)</MudTd>
|
||||
<MudTd DataLabel="Code">
|
||||
<MudTextField @bind-Value="editingRecord.Code"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"/>
|
||||
</MudTd>
|
||||
@foreach (var column in displayedColumns)
|
||||
{
|
||||
@if (column == "Description1")
|
||||
{
|
||||
<MudTd DataLabel="@column">
|
||||
<MudTextField @bind-Value="editingRecord.Desc1"
|
||||
Variant="Variant.Outlined"
|
||||
Margin="Margin.Dense"
|
||||
FullWidth="true"/>
|
||||
</MudTd>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudTd DataLabel="@column">@GetRecordValue(context, column)</MudTd>
|
||||
}
|
||||
}
|
||||
<MudTd>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Check"
|
||||
Color="Color.Success"
|
||||
Size="Size.Small"
|
||||
OnClick="SaveEdit"
|
||||
Title="Save"/>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Close"
|
||||
Color="Color.Default"
|
||||
Size="Size.Small"
|
||||
OnClick="CancelEdit"
|
||||
Title="Cancel"/>
|
||||
</MudTd>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudTd DataLabel="Code">@context.Code</MudTd>
|
||||
@foreach (var column in displayedColumns)
|
||||
{
|
||||
<MudTd DataLabel="@column">@GetRecordValue(context, column)</MudTd>
|
||||
}
|
||||
@if (isEditable)
|
||||
{
|
||||
<MudTd>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Edit"
|
||||
Color="Color.Primary"
|
||||
Size="Size.Small"
|
||||
OnClick="() => StartEdit(context)"
|
||||
Title="Edit"/>
|
||||
<MudIconButton Icon="@Icons.Material.Filled.Delete"
|
||||
Color="Color.Error"
|
||||
Size="Size.Small"
|
||||
OnClick="() => DeleteRecord(context)"
|
||||
Title="Delete"/>
|
||||
</MudTd>
|
||||
}
|
||||
}
|
||||
</RowTemplate>
|
||||
<FooterContent>
|
||||
@@ -105,8 +164,60 @@
|
||||
<MudTd></MudTd>
|
||||
}
|
||||
}
|
||||
@if (isEditable)
|
||||
{
|
||||
<MudTd></MudTd>
|
||||
}
|
||||
</FooterContent>
|
||||
</MudTable>
|
||||
|
||||
@if (isEditable)
|
||||
{
|
||||
@if (isAddingNew)
|
||||
{
|
||||
<MudPaper Class="mt-4 pa-4" Outlined="true">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="6">
|
||||
<MudTextField @bind-Value="newRecord.Code"
|
||||
Label="Code"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"/>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="6">
|
||||
<MudTextField @bind-Value="newRecord.Desc1"
|
||||
Label="Description"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"/>
|
||||
</MudItem>
|
||||
<MudItem xs="12" Class="d-flex justify-end">
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Success"
|
||||
OnClick="SaveNewRecord"
|
||||
StartIcon="@Icons.Material.Filled.Check"
|
||||
Class="mr-2">
|
||||
Save
|
||||
</MudButton>
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Default"
|
||||
OnClick="CancelAddNew"
|
||||
StartIcon="@Icons.Material.Filled.Close">
|
||||
Cancel
|
||||
</MudButton>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudPaper>
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudButton Variant="Variant.Outlined"
|
||||
Color="Color.Primary"
|
||||
OnClick="StartAddNew"
|
||||
StartIcon="@Icons.Material.Filled.Add"
|
||||
Class="mt-4">
|
||||
Add New Record
|
||||
</MudButton>
|
||||
}
|
||||
}
|
||||
}
|
||||
</MudCardContent>
|
||||
</MudCard>
|
||||
|
||||
Reference in New Issue
Block a user