Blazor数据列表的onchange事件未触发

Question

在我的 Blazor Server / .NET Core 3.1 应用程序的 `.razor` 组件中，我已经在 datalist 中实现了一个 `onchange`。但是，当我从 datalist 中选择一个选项时，在浏览器中 `OnChanged` 方法不会触发。也就是说，我的断点没有被打到。

我希望它能够触发，然后使用 `OnChanged` 来填充 `` 。我已经在页面上添加了一个按钮元素，并使用 `@onclick="OnClicked"` 作为示例，可以正常工作——这确实触发了，我的 `OnClicked` 中的断点被命中。我已经尝试了这里建议的方法，但它不起作用。此外，当我将语法从 `@onchange="OnChanged"` 更改为 `onchange="@OnChanged"` 时，会出现以下问题:``` Cannot convert method group 'OnChanged' to non-delegate type 'object'. Did you intend to invoke the method? ```我认为在 Blazor 中应该很简单，难道我在这里有什么不理解的地方吗？下面是代码：@page "/" @inherits EventDetailsBase Event Type <input autoComplete="on" list="EventTypes" placeholder="Search event types..." /> <datalist @onchange="OnChanged" id="EventTypes"> @foreach (var eventType in EventTypes) { <option value="@eventType.Name">@eventType.Name</option> } </datalist> <select name="EventsInType"> </select> <button class="btn btn-primary" @onclick="OnClicked"> Click Me </button> @code { private void OnClicked(MouseEventArgs e) { var test = ""; } private void OnChanged(ChangeEventArgs args) { //POPULATE HTML SELECT "EventsInType" HERE } } 基类可能不相关，但这里还是给出: public class EventDetailsBase : ComponentBase { [Inject] public IMyService MyService { get; set; } public List<EventType> EventTypes { get; set; } = new List<EventType>(); protected override async Task OnInitializedAsync() { EventTypes = await MyService.GetEventTypes(); } public void GetEventsByType(ChangeEventArgs changeEventArgs) { var test = changeEventArgs; } } 注意，我将OnClicked和OnChanged放在了.razor组件@code中以简化操作，最终我会移动到基类中。

- fourbeatcoder

---

如果您使用lambda表达式，会怎样呢：@onchanged="e => OnChanged(e)" - agua from mars

@aguafrommars 你可以看一下enet的被采纳的答案，对我很有用。这个答案很有道理，因为它是输入发生变化。 （另外，我之前尝试过lambda但没有成功..）谢谢 - fourbeatcoder

Answer 1

我认为应该是这样的：

<input @onchange="OnChanged" autoComplete="on" list="EventTypes" placeholder="Search event types..." />
<datalist id="EventTypes">
    @foreach (var eventType in EventTypes)
    {
        <option value="@eventType.Name">@eventType.Name</option>
    }
</datalist>

您也可以在输入元素上使用这种绑定形式：@bind="eventType.Name"，而不是使用change事件。请注意，使用change事件不会实现双向绑定...

- enet

---

感谢您将@onchange属性从数据列表移动到输入框中。现在"OnChanged"事件已经触发并且能够命中我的断点。这让我非常高兴。 - fourbeatcoder