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

时间:2020-01-21 20:44:25

标签: c# asp.net-core blazor

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

父母

...
    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; }
...

组件的生成已生成并显示正常。前两个参数设置良好。我不知道如何将父Delete函数作为第三个属性传递,以便孩子可以调用它。

1 个答案:

答案 0 :(得分:4)

您可以使用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();