Evento Blazor onchange con menú desplegable de selección

asp.net-core blazor c#

Pregunta

Así que me he quedado atascado tratando de hacer que se active un simple cambio cuando cambia un valor desplegable de selección. Al igual que:

<select class="form-control d-flex" onchange="(dostuff())">
    @foreach (var template in templatestate.templates)
    {
        <option value=@template.Name>@template.Name</option>
    }
</select>

con el método que se llama:

void dostuff()
{
   Console.WriteLine("first spot is firing");
    _template = templatestate.templates.FirstOrDefault(x => x.Name == 
    _template.Name);
    Console.WriteLine("second spot is firing");
}

El resultado que obtengo, no importa cómo intente reorientarlo, es este error en el navegador.

Uncaught Error: System.ArgumentException: There is no event handler with ID 0

¿Hay algo obvio y clave que me falta? Porque tengo un botón en el evento de clics que funciona bien en la misma página.

Respuesta aceptada

Tu respuesta debe estar en el cshtml:

<select onchange=@DoStuff>
    @foreach (var template in templates)
    {
        <option value=@template>@template</option>
    }
</select>

Entonces tus funciones deberían verse como:

@functions {
    List<string> templates = new List<string>() { "Maui", "Hawaii", "Niihau", "Kauai", "Kahoolawe" };
    string selectedString = "Maui";

    void DoStuff(UIChangeEventArgs e)
    {
        selectedString = e.Value.ToString();
        Console.WriteLine("It is definitely: " + selectedString);
    }
}

También puedes usar un enlace ...

<select bind="@selectedString"> 

pero onchange = @ DoStuff le permite realizar la lógica en la selección.


Respuesta popular

Para empezar, no estás usando la sintaxis de enlace correcta:

onchange="@dostuff"

Observe la @



Licencia bajo: CC-BY-SA with attribution
No afiliado con Stack Overflow
Licencia bajo: CC-BY-SA with attribution
No afiliado con Stack Overflow