FluentDataGrid, "refreshDataAsync" got the infinite "Loading..."

[andrewwang1tw]

A FluentDataGrid uses remote data(Web API) via "ItemProvider", and it works fine.

Then add a button to "refreshDataAsync"

Below is the button click handler, only one line of code (from the document "Refreshing data programmatically")

    private async Task OnClick()
    {
        await myGrid!.RefreshDataAsync();
    }

After clicking the "refreshDataAsync" button, nothing happened, only the infinite "Loading...", (as attached pic)

Normally, when retrieving remote data, I can see the GET action and the Web API URL from the Visual Studio "Output" windows

But when clicking the "refreshDataAsync" button, nothing happens in the visual studio "Output" windows, only the infinite "Loading..."

And do not know why ???

[andrewwang1tw]

Finally, I found this https://github.com/microsoft/fluentui-blazor/issues/2145

After removing the Loading="true", RefreshDataAsync WORKS.

It's really weird!

In the same time, the "Loading..." effect is also gone.

[andrewwang1tw]

Final solution is

1. Set the <FluentDataGrid Loading=true, then you will have the "Loading" effect
2. Call your own remote data handler(for me updateProductList) but before that must call Task.Delay(1) first. And I really do not know WHY ?

    private async Task OnClick()
    {   
        // If use RefreshDataAsync then must set <FluentDataGrid> Loading=false. But you will not have the Loading effect
        //await myGrid!.RefreshDataAsync();
                   
        // Must delay at least 1/1000 sceond first (I do not know why have to do this?)
        // and call your own remote data handler
        // And you even do not setLoadingState(false)
        await Task.Delay(1);                   
        await updateProductList();   
    }

And it works !

If use RefreshDataAsync then you have to set "FluentDataGrid" Loading=false. But you will not have the Loading effect.