Início / coding / Perguntas / 77641235
Accepted
David Thielen
Asked: 2023-12-12 01:06:32 +0800 CST

Como posso fazer com que um componente diga a outro componente para reler seus dados?

  • 772

Eu tenho o seguinte no meu Dashboard.razor

<FilteredEventsGrid Start="0"
    ShowEndDate="true"
    Filter="SmartQueries.Filter.Owner | SmartQueries.Filter.IncludeDisabled"
    CanEditOwner="false"/>

<FilteredEventsGrid Start="0"
    ShowEndDate="true"
    Filter="SmartQueries.Filter.Pending | SmartQueries.Filter.Private"
    CanEditOwner="false"/>

Existem alguns eventos que estão em ambas as grades. Ambas as grades permitem a edição de eventos nelas. Então, quando um evento em uma das grades é editado, como ele pode dizer à outra grade para reler seus dados? (Cada um lê seus dados internamente, não há Dataparâmetro.)

O melhor que encontrei é <FilteredEventsGrid>um ValueChangedEventCallback. E ambos têm um Refresh()método. Quando o pai obtém o ValueChangedevento, ele chama Refresh()o outro componente.

blazor

1 respostas

  1. Best Answer

    Defina um serviço GridsSync.cspara gerenciar a sincronização se pudermos chamá-lo assim entre os componentes

    GridsSync.cs

    public class GridsSync
{
    public event Action OnEdit;

    public void RequestReRead()
    {
        OnEdit?.Invoke();
    }
}

    Registre o serviço a ser usado com injeção de dependência

    Programa.cs

    builder.Services.AddSingleton<GridsSync>();

    Supondo que este seja o seu componente, o clique do botão é uma simulação do evento de edição GridEdited, você está então acionando um evento OnEditque o outro componente também se inscreveu nele.

    Grade.razor

    @inject GridsSync GridsSync
@implements IDisposable

<h1>@ReReadStatus</h1>

<button class="btn btn-primary" @onclick="GridEdited">Simulate grid edited event</button>

@code {
    string ReReadStatus;

    public void GridEdited()
    {
        GridsSync.RequestReRead();
     }

// Subscribe upon init to the event, to listen when a re read is requested by the other grid

    protected override void OnInitialized()
    {
        GridsSync.OnEdit += ReRead;
    }

    public void ReRead()
    {
        InvokeAsync(() =>
        {
            ReReadStatus = "Grid performed a Re-read";
            //your re read logic goes here ...

        });
    }

    public void Dispose()
    {
        GridsSync.OnEdit -= ReRead;
    }
}

    Ps:

    Se sua lógica de releitura precisar ser executada no thread principal/ui, então isso deve ser feito dentro InvokeAsync();, caso contrário, você pode fazer isso fora e chamar StateHasChanged() para notificar o thread da interface do usuário para renderizar novamente.

     InvokeAsync(() => StateHasChanged());
    • 0

relate perguntas