[Blazor] Built-in components improvements

[javiercn]

In general, we need to look at every component that we ship and ensure there's a way for them to work on each render mode in a reasonable way across render modes.

• QuickGrid.
  • Does not offer a way to work on SSR scenarios. In particular:
    • Pagination
    • Ordering
    • Filtering
• NavLink / Links
  • On interactive scenarios you can use @onclick to add an event handler to any a element.
  • On SSR scenarios it requires using a form. Can we generate such forms in SSR scenarios to allow running logic? (might need to support GET forms)
• Section(s)
  • Better error handling across different render modes.
• Cascading parameters:
  • Support explicitly serializing a cascading value across render boundaries.
  • Will require that we either are able to serialize the render fragment and render any component as a root component (the cascading value itself would be rendered statically)
  • Would be something that would be opt-in at the cascading value declaration

[javiercn]

For a sample PR look at quick grid pagination #51217

[kallebysantos]

Would be great to set <Paginator /> internal methods as protected, its simplify inherence and customisation.

Paginator internals

    private bool CanGoBack => State.CurrentPageIndex > 0;

    private bool CanGoForwards => State.CurrentPageIndex < State.LastPageIndex;

    private Task GoFirstAsync()
    {
        return GoToPageAsync(0);
    }

    private Task GoPreviousAsync()
    {
        return GoToPageAsync(State.CurrentPageIndex - 1);
    }

    private Task GoNextAsync()
    {
        return GoToPageAsync(State.CurrentPageIndex + 1);
    }

    private Task GoLastAsync()
    {
        return GoToPageAsync(State.LastPageIndex.GetValueOrDefault(0));
    }

    private Task GoToPageAsync(int pageIndex)
    {
        return State.SetCurrentPageIndexAsync(pageIndex);
    }

mine - inherited component

public partial class DataTablePagination : Paginator
{
    /// <summary>
    /// Gets or sets a collection of additional attributes that will be applied to the created element.
    /// </summary>
    [Parameter(CaptureUnmatchedValues = true)]
    public IReadOnlyDictionary<string, object>? AdditionalAttributes { get; set; }

    [Parameter]
    public EventCallback? OnFirst { get; set; }

    [Parameter]
    public EventCallback? OnPrevious { get; set; }

    [Parameter]
    public EventCallback? OnNext { get; set; }

    [Parameter]
    public EventCallback? OnLast { get; set; }

    protected async Task GoFirstAsync()
    {
        if (!CanGoBack)
            return;
        await GoToPageAsync(0);

        if (OnFirst.HasValue)
            await OnFirst.Value.InvokeAsync();
    }

    protected async Task GoPreviousAsync()
    {
        if (!CanGoBack)
            return;

        await GoToPageAsync(State.CurrentPageIndex - 1);

        if (OnPrevious.HasValue)
            await OnPrevious.Value.InvokeAsync();
    }

    protected async Task GoNextAsync()
    {
        if (!CanGoForwards)
            return;

        await GoToPageAsync(State.CurrentPageIndex + 1);

        if (OnNext.HasValue)
            await OnNext.Value.InvokeAsync();
    }

    protected async Task GoLastAsync()
    {
        if (!CanGoForwards)
            return;

        await GoToPageAsync(State.LastPageIndex.GetValueOrDefault(0));

        if (OnLast.HasValue)
            await OnLast.Value.InvokeAsync();
    }

    public bool CanGoBack => State.CurrentPageIndex > 0;

    public bool CanGoForwards => State.CurrentPageIndex < State.LastPageIndex;

    protected Task GoToPageAsync(int pageIndex) => State.SetCurrentPageIndexAsync(pageIndex);
}