因此,当选择下拉值更改时,我一直试图让一个简单的onchange触发。像这样:
<select class="form-control d-flex" onchange="(dostuff())">
@foreach (var template in templatestate.templates)
{
<option value=@template.Name>@template.Name</option>
}
</select>
调用方法:
void dostuff()
{
Console.WriteLine("first spot is firing");
_template = templatestate.templates.FirstOrDefault(x => x.Name ==
_template.Name);
Console.WriteLine("second spot is firing");
}
无论我如何尝试重新定位它,我得到它的结果是浏览器中的这个错误。
Uncaught Error: System.ArgumentException: There is no event handler with ID 0
是否有一些我不知道的明显和关键的东西?因为我有一个按钮onclick事件,可以在同一页面上正常工作。
答案 0 :(得分:3)
以上答案对我不起作用,出现编译错误。
下面是我的工作代码。
@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; }
}
}
答案 1 :(得分:1)
对于初学者,您没有使用正确的绑定语法:
onchange="@dostuff"
注意@
答案 2 :(得分:1)
作为设置onchange事件的替代方法,您可以仅将下拉列表绑定到属性并处理属性集中的更改。这样,您就可以在同一过程中将所有值都选中。
<select @bind="BoundID">
...
</select>
@code {
private int? _boundID = null;
private int? BoundID
{
get
{
return _boundID;
}
set
{
_boundID = value;
//run your process here to handle dropdown changes
}
}
}