Blazor EventCallback with Multiple Params - 如何响应父主机控件中的事件

Question

我有一个带有 EventCallBack 参数的 blazor 组件，它使用了允许多个 arguments 的新结构格式

[Parameter] public EventCallback<(EmployeeShiftDay, DateTime, DateTime)> NewDayScrolledIntoView { get; set; }

eventcallback 通常在 child 中调用

await NewDayScrolledIntoView.InvokeAsync(p1, p2, p3);

在我的主机页面中，我有相应的方法来处理调用

private void NewDayInView(EmployeeShiftDay dayInView, DateTime weekStart, DateTime weekEnd)
{
   ...
}

如何在主机组件中添加此 EventCallBack 的标记 - 我当然需要 3 个参数而不仅仅是一个

<ShiftCardScroller NewDayScrolledIntoView="@((args) => NewDayInView(args))" ></ShiftCardScroller>

Answer 1

您正在解构调用它：

await NewDayScrolledIntoView.InvokeAsync((p1, p2, p3));

收到事件后，将其解构：

<ShiftCardScroller NewDayScrolledIntoView="@((args)=> NewDayInView(args.Item1,args.Item2,args.Item3))" />

Answer 2

对我来说@Brian Parker 的解决方案不起作用，需要稍作修改：

（相同的）

await NewDayScrolledIntoView.InvokeAsync((p1, p2, p3));

元组铸造：

<ShiftCardScroller NewDayScrolledIntoView="@((args)=> NewDayInView(((EmployeeShiftDay,DateTime,DateTime))args))" />

方法接受一个参数。 该类型与之前转换的类型一致：

private void NewDayInView((EmployeeShiftDay,DateTime,DateTime)args)
{
   ...
}

Answer 3

您应该只将方法的名称传递给子组件

<ShiftCardScroller NewDayScrolledIntoView="@NewDayInView" ></ShiftCardScroller>

在子组件中，您可以使用所需的参数调用回调

NewDayScrolledIntoView.invokeAsync(Param1,Param1,Param3)

Answer 4

您可以使用自定义 Args 类型，如下所示：

public class EventCallbackArgs
{
    public bool Confirm { get; set; }
    public Guid Id { get; set; }
    public string Name { get; set; }
}

这是一个示例 blazor 代码

<button type="button" class="btn btn-danger" @onclick="() => OnConfirmationChange(true)">
    Delete
</button>

单击 Delete 按钮时，会调用OnConfirmationChange ，在 OnConfirmationChange 的代码中，您可以准备EventCallbackArgs并调用ConfirmationChanged

[Parameter]
public EventCallback<EventCallbackArgs> ConfirmationChanged { get; set; }
public EventCallbackArgs args { get; set; }

protected async Task OnConfirmationChange(bool deleteCofirmed)
{
    ShowConfirmation = false;
    args = new EventCallbackArgs { Id = id, Name = name };
    args.Confirm = deleteCofirmed;
    await ConfirmationChanged.InvokeAsync(args);
}