Evento Blazor onchange con menú desplegable de selección

Sara, parte de este equipo de trabajo, nos hizo el favor de crear este artículo ya que conoce muy bien este tema.

Solución:

Su respuesta debe estar en el cshtml:

[email protected]>
    @foreach (var template in templates)
    
        [email protected]>@template
    

Entonces sus @funciones (en los componentes de razor @code en su lugar. Consulte: https://docs.microsoft.com/vi-vn/aspnet/core/mvc/views/razor?view=aspnetcore-3.0#functions) deberían verse así:

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

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

También podría usar un enlace …

 

pero onchange=:@DoStuff le permite realizar la lógica en la selección.
Tenga en cuenta que en la versión preliminar 6, parece que la sintaxis será @onchange=”@DoStuff” con el futuro prometedor @onchange=”DoStuff”.  Aquí hay un enlace a algunos cambios: Blazor Preview 6






Como alternativa a la configuración de un evento onchange, puede vincular el menú desplegable a una propiedad y controlar los cambios en el conjunto de propiedades.  De esta manera, obtiene el valor que se selecciona en el mismo proceso y sin tener que convertir un valor de objeto.  Además, si ya está usando @bind en la selección, tampoco puede usar onchange en ella.

 ...


@code 
  private int? _boundID = null;
  private int? BoundID
  
    get
    
      return _boundID;
    
    set
    
      _boundID = value;
     //run your process here to handle dropdown changes
    
  

@inject HttpClient httpClient

@if (States != null)



    @InitialText
    @foreach (var state in States)
    
        @state.Name
    




@code 
[Parameter] public string InitialText  get; set;  = "Select State";
private KeyValue[] States;
private string selectedString  get; set; 
protected override async Task OnInitializedAsync()

    States = await httpClient.GetJsonAsync("/sample-data/State.json");


private void DoStuff(ChangeEventArgs e)

    selectedString = e.Value.ToString();
    Console.WriteLine("It is definitely: " + selectedString);


public class KeyValue

    public int Id  get; set; 

    public string Name  get; set;