Início / coding / Perguntas / 78994979
Accepted
Axium7
Asked: 2024-09-18 00:25:09 +0800 CST

Como defino o Focus para um MudTextField que está incorporado em um componente filho?

  • 772

Tenho uma página .razor (Pai) que contém um componente filho que é um MudTextField. Quando o usuário navega para a página pai, quero que o foco/cursor esteja no MudTextField. Como faço para obter a referência do MudTextField no filho para o pai?

Nota: Percebi que escrevi Parent incorretamente no meu código. Corrigi isso depois de tirar as capturas de tela.

Obrigado

Componente filho dentro do pai

Criança

EventCallBack no pai

Ligar de volta

MudTextField no componente filho

Campo de texto de lama

Função filho para pai

Função Criança

blazor

1 respostas

  1. Best Answer

    No seu componente adicione um método FocusTextField

        public async Task FocusTextField()
    {
        await refUserInputField.FocusAsync();
    }

    Então, ao instanciar seu componente, use uma referência a ele como

    <TestComponent @ref="testComponentRef" />
@code {
  private TestComponent testComponentRef;
}

    Então para acioná-lo bastaawait testComponentRef.FocusTextField()

    • 1

relate perguntas