Как установить фокус на текстовое поле в Blazor

Question

Как мне установить фокус на текстовое поле в Blazor? Пока что единственный способ, который мы нашли, это JavaScript.

Answer 1

Нет другого способа сделать это ... Вы можете использовать JSInterop, чтобы сделать это следующим образом:

 <input type="text" @ref="myref"/>

 @code {

    private ElementReference myref;
    [Inject] IJSRuntime JSRuntime { get; set; }

     protected override async Task OnAfterRenderAsync(bool firstRender)
    {
         if (firstRender)
        {
            await 
        JSRuntime.InvokeVoidAsync("exampleJsFunctions.focusElement", myref);
        }
   }
 }

JavaScript

<script>

    window.exampleJsFunctions =
    {
        focusElement: function (element) {
           element.focus();
        }
    };
</script>

Надеюсь, это поможет. ..