将函数作为参数传递给动态创建的组件 blazor

Question

我正在尝试将一些参数传递给动态生成的组件

家长

...
    DynamicComponent = builder =>
        {
            Type moduleType = Type.GetType(ChildComponentName);
            System.Diagnostics.Debug.WriteLine(moduleType);
            if (moduleType != null)
            {
                builder.OpenComponent(0, moduleType);
                builder.AddAttribute(1, "title", "Delete + " + item.Name + "?");
                builder.AddAttribute(2, "content", "Are you sure you want to delete this organization?");
                builder.AddAttribute(3, "YesCallback", whatgoeshere?);
                builder.AddComponentReferenceCapture(1, inst => { child = Convert.ChangeType(inst, moduleType); });
                builder.CloseComponent();
            }
        };

    public void Delete(string msg)
        {
            System.Diagnostics.Debug.WriteLine(msg);
            items.RemoveAt(DeleteIndex);
        }
...

孩子

...
    [Parameter] public string Title { get; set; }
    [Parameter] public string Content { get; set; }
    [Parameter] public EventCallback<string> YesCallback { get; set; }
...

组件 get 生成并显示良好。前两个参数设置得很好。我想不通的是如何将父Delete函数作为第三个属性传递，以便孩子可以调用它。

Answer 1

您可以使用EventCallbackFactory.Create来从简单的操作创建事件回调。与操作一起，您必须传递事件接收器，它通常是执行操作的组件。

您可以通过EventCallback.Factory以下方式访问工厂：

var callback = EventCallback.Factory.Create<string>(this, arg =>
{
    // do something
});

您还可以传递具有正确签名的方法：

var callback = EventCallback.Factory.Create<string>(this, OnCallback);

然后，您可以将创建的事件回调直接传递给该AddAttribute方法：

builder.OpenComponent(0, componentType);
builder.AddAttribute(1, "OnSomething", callback);
builder.CloseComponent();