Trigger Reload to Fetch Data with Lazy

[aherrick]

I have code like this. When I click Apply Filters I want the grid to fire back to the API endpoint with the added Request Parm. How do I do this?

<form class="form-inline">
    <div class="form-group mb-2">
        <label for="temp">Temp</label>
        <input type="text" class="form-control" @bind="@Name" />
    </div>

    <button type="button" onclick="@ApplyFilters" class="btn btn-primary mb-2">Apply Filters</button>
</form>

<GridView DataAdapter="@forecastAdapter" LazyLoadingOptions="@lazyLoadingOptions" PageSize="10"></GridView>

@code {

    LazyLoadingOptions lazyLoadingOptions { get; set; }
    private string Name { get; set; };

    protected override async Task OnInitAsync()
    {
        lazyLoadingOptions = new LazyLoadingOptions() { DataUri = "https://localhost:44366/demo/WeatherForecasts" };
    }

    private void ApplyFilters()
    {
        lazyLoadingOptions.RequestParams.Add("Search", "SearchString");
    }
}

[Mewriick]

Hello @aherrick

waht you want to accomplish by this scenario? If you want to filter by this value you can use filter API which FlexGrid provide.

[aherrick]

Hi @Mewriick I don't want/need to use the built in table filtering. For example I may have a field that isn't showing or used in the grid that I simply want to filter by.

I'm just simply trying to force a callback.

[Mewriick]

Ok, unfortunately now there is not such a feature to force call API when you click your button.

[Mewriick]

Only solution now maybe is

    private void ApplyFilters()
    {
        lazyLoadingOptions = lazyLoadingOptions.RequestParams.Add("Search", "SearchString");
    }

which should invoke OnSetParameterAsync method in FlexGrid and ther is call to go to first page which invoke API call.

[aherrick]

Resetting lazyLoadingOptions in this way isn't valid.

[Mewriick]

Yeah, I see it now. So basically you can do this:

private void ApplyFilters()
{
    lazyLoadingOptions = new LazyLoadingOptions()
        { 
             DataUri = lazyLoadingOptions .DataUri,
             PutDataUri = lazyLoadingOptions.PutDataUri,
             DeleteUri = lazyLoadingOptions.DeleteUri 
        }.RequestParams.Add("Search", "SearchString");
}

[aherrick]

Hmm so I'm trying even this and still isn't forcing a server call:

    private void ApplyFilters()
    {
        lazyLoadingOptions = new LazyLoadingOptions()
        {
            DataUri = lazyLoadingOptions.DataUri
        };
    }

[Mewriick]

The OnParametersSet and OnParametersSetAsync methods are called when a component is first initialised and each time new or updated parameters are received from the parent in the render tree.

your scenario is that object is still same

[aherrick]

I've tried below which doesn't work.

    lazyLoadingOptions = new LazyLoadingOptions()
        {
            DataUri = lazyLoadingOptions.DataUri
        };
        lazyLoadingOptions.RequestParams.Add("test", "test");

While this throws errors:

        lazyLoadingOptions = new LazyLoadingOptions()
        {
            DataUri = lazyLoadingOptions.DataUri
        }.RequestParams.Add("test", "test");

Is there a different way to Initialize the object and set the request parameters at the same time?

[Mewriick]

I think you can do this

var secondLazyLoadingOptions = ..... ;
lazyLoadingOptions  = secondLazyLoadingOptions ;

[aherrick]

Unfortunately that doesn't work either:

    private void ApplyFilters()
    {
        var secondLazyLoadingOptions = new LazyLoadingOptions()
        {
            DataUri = lazyLoadingOptions.DataUri,
        };
        secondLazyLoadingOptions.RequestParams.Add("test", "test");

        lazyLoadingOptions = secondLazyLoadingOptions;
    }

Not sure how you fill the RequestParams in initialization as it's a getonly property.

[Mewriick]

Ok I think that OnParametersSetAsync of FlexGrid is called but some conditions are false and method which call API is not called. This is not supported scenarion and this is only hack so this can not be done now

[aherrick]

Ok, unfortunately it's a deal breaker for me then to use the Grid.

[Mewriick]

Yeah Ok, also you can suggest how to solve this and use pull request.

[Mewriick]

@aherrick

Version 0.11.0 contains new feature which you can use for refreshing grid view. See the wiki