Início / coding / Perguntas / 78996371
Accepted
David Thielen
Asked: 2024-09-18 10:30:30 +0800 CST

Blazor - como posso forçar uma atualização de uma variável para um componente subjacente

  • 772

Tenho um componente que abrirá uma caixa de diálogo perguntando se você tem certeza de que deseja descartar as alterações ao alternar para uma página diferente. Coloquei em cada página da seguinte forma:

<ConfirmNavigation HasUnsavedChanges="@HasUnsavedChanges" />

E este componente inclui:

[Parameter]
public bool HasUnsavedChanges { get; set; }

private async Task OnBeforeInternalNavigation(LocationChangingContext context)
{
    if (!HasUnsavedChanges)
        return;

Meu problema é que na página pai, manipulando o clique de envio, eu tenho:

HasUnsavedChanges = false;
await Task.Delay(1);
Navigation.NavigateTo(gotoUrl);

Isso não funciona. O método retorna depois dessas 2 linhas de código e ConfirmNavigationainda considera HasUnsavedChangestrue.

Existe uma maneira de fazer algo para que o valor alterado de HasUnsavedChangeso torne ConfirmNavigation? Minha melhor aposta é adicionar um método para ConfirmNavigationque defina o valor? Não gosto disso porque está contornando o HasUnsavedChanges="@HasUnsavedChanges"que viola como os componentes devem interagir.

blazor-server-side

1 respostas

  1. Best Answer

    Seu problema é este. Quando você define

    HasUnsavedChanges = false;

    no pai você está atribuindo falsea uma variável global no pai.

    Esse valor só é aplicado à propriedade HasUnsavedChangesno filho quando parameters.SetParameterProperties(this);é chamado SetParametersAsyncdurante uma cascata de renderização acionada por um evento de renderização no pai.

    boolé um tipo de valor.

    Você pode documentar a ordem de execução adicionando isto aConfirmNavigation

        public override Task SetParametersAsync(ParameterView parameters)
    {
        parameters.SetParameterProperties(this);
        Console.WriteLine("ConfirmNavigation => SetParameterProperties called");
        return base.SetParametersAsync(ParameterView.Empty);
    }

    E log de console para OnBeforeInternalNavigation.

    A solução mais simples para sua lógica é passar um objeto mutável como parâmetro em vez de um bool.

    public sealed NavigationData
{
    public bool HasUnsavedChanges {get; set;}
}

    Agora você está passando uma referência, então ambos os componentes estão olhando para a mesma coisa. Você quase certamente pode perder oawait Task.Delay(1);

    Toda a operação de prevenção de navegação é um pouco complicada de codificar. O manipulador registrado em RegisterLocationChangingHandleré chamado do Navigation Manager. Você tem controle limitado sobre a ordem de execução do código.

    Adicionar o registro do console mostrará a ordem em que o código é executado.

    Não sou fã de fazer arremessos a await Task.Delay(1);menos que seja absolutamente necessário. Não consigo pensar em uma maneira melhor e entendo exatamente o porquê.

    • 0

relate perguntas