Unable to trigger API request only when GridDetailView row is expanded

[rafinhavvz]

Hi team,

I’m trying to use with DetailTemplate to display child data for each row. My goal is to load the details only when the row is expanded, in order to avoid making multiple unnecessary API requests.

Here’s what I have so far:

<GridDetailView TItem="DebitoModel">
    <DetailTemplate Context="context">
        <Grid TItem="Processo" Data="detalhesProcessos(context.NumeroProcesso)" Class="table table-hover border-top">
            <GridColumns>
                <GridColumn TItem="Processo" Context="emp" HeaderText="Id">@emp.NumeroProcesso</GridColumn>
            </GridColumns>
        </Grid>
    </DetailTemplate>
</GridDetailView>

Problem:

The Data parameter expects an IEnumerable synchronously.

My data is fetched asynchronously from an API (HttpClient).

If I try to call an async method in the template (like @await LoadDetailsAsync(context.NumeroProcesso)), it either fires all requests at once for every row, or is not allowed because the template must be synchronous.

Using .GetAwaiter().GetResult() or .Result throws a PlatformNotSupportedException in Blazor WebAssembly.

What I want:

To have a way to trigger the API call only when the user expands the row, without fetching data for all rows in advance.

Preferably using a native GridDetailView event, so that the call is lazy-loaded per row.

Question:

Is there a recommended way in BlazorBootstrap to achieve lazy-loading of detail rows in ? If not, can an OnRowExpand or equivalent event be added to handle this scenario?

Thanks in advance!