So bin ich stecken geblieben und versuche, eine einfache Onchanger zu feuern, wenn sich ein select Dropdown-Wert ändert. Wie so:
<select class="form-control d-flex" onchange="(dostuff())">
@foreach (var template in templatestate.templates)
{
<option value=@template.Name>@template.Name</option>
}
</select>
mit der aufgerufenen Methode:
void dostuff()
{
Console.WriteLine("first spot is firing");
_template = templatestate.templates.FirstOrDefault(x => x.Name ==
_template.Name);
Console.WriteLine("second spot is firing");
}
Das Ergebnis bekomme ich egal wie ich es neu auszurichten versuche ist dieser Fehler im Browser.
Uncaught Error: System.ArgumentException: There is no event handler with ID 0
Gibt es etwas Offensichtliches und einen Schlüssel, den ich vermisse? Weil ich ein Button onclick -Ereignis habe, das auf der gleichen Seite gut funktioniert.
Ihre Antwort sollte im cshtml sein:
<select onchange=@DoStuff>
@foreach (var template in templates)
{
<option value=@template>@template</option>
}
</select>
Dann sollten Ihre @ -Funktionen so aussehen:
@functions {
List<string> templates = new List<string>() { "Maui", "Hawaii", "Niihau", "Kauai", "Kahoolawe" };
string selectedString = "Maui";
void DoStuff(ChangeEventArgs e)
{
selectedString = e.Value.ToString();
Console.WriteLine("It is definitely: " + selectedString);
}
}
Sie könnten auch einfach eine Bindung verwenden ...
<select bind="@selectedString">
Mit onchange = @ DoStuff können Sie jedoch Logik für die Auswahl ausführen.
Die obige Antwort hat bei mir nicht funktioniert und einen Kompilierungsfehler erhalten.
Unten ist mein Arbeitscode.
@inject HttpClient httpClient
@if (States != null)
{
<select id="SearchStateId" name="stateId" @onchange="DoStuff" class="form-control1">
<option>@InitialText</option>
@foreach (var state in States)
{
<option value="@state.Name">@state.Name</option>
}
</select>
}
@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<KeyValue[]>("/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; }
}
}