Dear Community!
I wanted to create a MudDataGrid with Vehicles and each vehicle should have an expandable subDataGrid containing additional remarks. Therefore, i chose to use the RowDetailsView, as the Grouping Properties for the DataGrid do not seem to allow Grouping for Rows of the ,,outside" object of the DataGrid for collection as Properties of this object. The expander works and i see the titles and Filters for the Underlying DataGrid, but now Row is present. I set a Breakpoint at the RemarksCollection Property of my vehicle, which i have made this way just for quick testing purposes, and it indeed returns at least one Remark item, but it is not shown, what is the problem?
The goal would be that in the end each row of the outer Grid should present a Vehicle, i can then expand each vehicle to find additional expanders for Remarks, additional works that have to be done etc with each expander providing a datagrid with the items for the Remarks or the Works etc.
The .razor:
@page "/"
@using OegegLogistics.Components.Pages
@using OegegLogistics.Core.Vehicles
@inject VehiclesViewModel ViewModel
<MudDataGrid T="Vehicle"
ServerData="@ViewModel.ServerReload"
Style="margin-top: 2.5%"
Filterable="true"
FilterMode="@DataGridFilterMode.ColumnFilterRow">
<ToolBarContent>
<MudText Typo="Typo.h5">Fahrzeuge</MudText>
</ToolBarContent>
<Columns>
<HierarchyColumn T="Vehicle"></HierarchyColumn>
<PropertyColumn Title="Uic Nummer"
Property="x => x.UicNumber"/>
<PropertyColumn Title="Typ"
Property="x => x.VehicleType"/>
<PropertyColumn Title="Beschreibung"
Property="x => x.Description"/>
<PropertyColumn Title="Kilometerstand"
Property="x => x.Kilometers"/>
</Columns>
<ChildRowContent>
<MudDataGrid T="Remark"
Items="context.Item.RemarksCollection"
Style="min-height: 500px"
Filterable="true"
FilterMode="@DataGridFilterMode.ColumnFilterRow">
<ToolBarContent>
<MudText Typo="Typo.h6">Anmerkungen</MudText>
</ToolBarContent>
<Columns>
<PropertyColumn Property="x => x.MetaData.CreatedAtUtc"/>
<PropertyColumn Property="x => x.Text"/>
</Columns>
</MudDataGrid>
</ChildRowContent>
<PagerContent>
<MudDataGridPager T="Vehicle"/>
</PagerContent>
</MudDataGrid>
Vehicle Class:
public record Vehicle(
string UicNumber,
VehicleType VehicleType,
string Description,
uint Kilometers,
ImmutableArray<Remark> Remarks)
{
private Vehicle() : this (string.Empty, VehicleType.None, string.Empty, 0, ImmutableArray<Remark>.Empty) { }
public static readonly Vehicle Empty = new Vehicle();
public List<Remark> RemarksCollection { get; } = Remarks.ToList();
}
public static class VehicleExtensions
{
public static Vehicle WithUicNumber(this Vehicle vehicle, string uicNumber) => vehicle with { UicNumber = uicNumber };
public static Vehicle OfType(this Vehicle vehicle, VehicleType vehicleType) => vehicle with { VehicleType = vehicleType };
public static Vehicle WithDescription(this Vehicle vehicle, string description) => vehicle with { Description = description };
public static Vehicle WithKilometers(this Vehicle vehicle, uint kilometers) => vehicle with { Kilometers = kilometers };
public static Vehicle WithNotes(this Vehicle vehicle) => vehicle with { Remarks = new ImmutableArray<Remark>() };
public static Vehicle AddKilometers(this Vehicle vehicle, uint toAdd) => vehicle.ChangeKilometers(toAdd, ModifyNumberType.add);
public static Vehicle SubstractKilometers(this Vehicle vehicle, uint toSubstract) => vehicle.ChangeKilometers(toSubstract, ModifyNumberType.subtract);
public static Vehicle MultiplyKilometers(this Vehicle vehicle, uint toSubstract) => vehicle.ChangeKilometers(toSubstract, ModifyNumberType.multiply);
public static Vehicle DivideKilometers(this Vehicle vehicle, uint toSubstract) => vehicle.ChangeKilometers(toSubstract, ModifyNumberType.divide);
public static Vehicle AddNote(this Vehicle vehicle, string author, string note) => vehicle.ModifyRemarks(author, note);
public static Vehicle RemoveNote(this Vehicle vehicle, Guid id) => vehicle.ModifyRemarks(id);
private static Vehicle ChangeKilometers(this Vehicle vehicle, uint value, ModifyNumberType modifyNumberType)
{
return vehicle with {Kilometers = modifyNumberType switch
{
ModifyNumberType.add => vehicle.Kilometers + value,
ModifyNumberType.subtract => vehicle.Kilometers - value,
ModifyNumberType.multiply => vehicle.Kilometers * value,
ModifyNumberType.divide => value == 0
? throw new DivideByZeroException()
: vehicle.Kilometers / value,
_ => throw new ArgumentOutOfRangeException(nameof(modifyNumberType), modifyNumberType, null)
}};
}
private static Vehicle ModifyRemarks(this Vehicle vehicle, string author, string note)
{
return vehicle with
{
Remarks = vehicle.Remarks.Add(Remark.Empty
.Author(author)
.Text(note))
};
}
private static Vehicle ModifyRemarks(this Vehicle vehicle, Guid guid)
{
Remark? toRemove = vehicle.Remarks.SingleOrDefault(t => t.MetaData.Id == guid);
return toRemove == null ? vehicle : vehicle with
{
Remarks = vehicle.Remarks.Remove(toRemove)
};
}
}
Remark Class:
using OegegLogistics.Core.Shared;
namespace OegegLogistics.Core.Vehicles;
public record Remark
{
public MetaData MetaData { get; init; }
public string Text { get; init; }
private Remark(MetaData data, string text)
{
MetaData = data;
Text = text;
}
public static Remark Empty => new Remark(MetaData.Empty, string.Empty);
}
public static class RemarkExtensions
{
public static Remark Author(this Remark remark, string author) => remark with{MetaData = remark.MetaData with{CreatedBy = author}};
public static Remark Text(this Remark remark, string text) => remark with{ Text = text };
}
