Blazor 在 html 上传递变量并调用事件 from.razor 在 C# 上使用 RenderTreeBuilder 创建 class

Question

我正在使用 Blazor 创建树结构，我需要获取单击的节点的值并将其发送到视图上的 function 以将其从树中删除。

这是生成树的 C# 代码：

二叉树服务.cs

public void PreOrderTraversal(RenderTreeBuilder builder, BinaryTreeNode node)
    {
        if (node != null)
        {
            //Some Code

            builder.OpenElement(2, "a");
            builder.AddAttribute(2, "href", "javascript: void(0)");
            builder.AddAttribute(2, "value", node.Value);
            builder.AddAttribute(3, "onclick", EventCallback.Factory.Create(this, -->Remove(value)<--));
            builder.AddContent(2, node.Value);
            builder.CloseElement();

            PreOrderTraversal(builder, node.Left);
            PreOrderTraversal(builder, node.Right);

            //Some Code
        }
    }

-->Remove(value)<-- 我想调用 function 并传递一个值。

BinaryTree.razor

public void Remove(int value)
{
   //remove
}

我怎样才能实现它？ 我知道如何在 .cs 中调用 function，但我不知道如何在 .razor 中调用一个，我也不知道如何使用这种方法从锚标记中获取值。

Answer 1

我使用这个简单的代码，但我使用 razor 组件不使用元素。

我的按钮.razor

@code {
    [Parameter]
    public int Value {get;set;}
    [Parameter]
    public EventCallback<int> AnswerEvent { get; set; }

    public void PressButtonOk()
    {
        AnswerEvent.InvokeAsync(Value);
    }
}

<div @onclick="PressButtonOk">OK</div>

我的代码.cs

public void PreOrderTraversal(RenderTreeBuilder builder, BinaryTreeNode node)
{
    if (node != null)
    {
        builder.OpenControl(0, "mybutton");
        builder.AddAttribute(0, "Value", node.Value);
        builder.AddAttribute(0, "onclick", EventCallback.Factory.Create<int>(this, Remove(value)));
        builder.CloseControl();
    }
}
public void Remove(int value) { }

祝你好运