gpt4 book ai didi

c# - 将附加数据传递给 Blazor 组件中的通用 RenderFragment

转载 作者:行者123 更新时间:2023-12-05 00:55:30 25 4
gpt4 key购买 nike

我有一个简单的 Blazor 组件,它遍历一个通用列表:

@typeparam TItem;

@foreach (var item in List)
{
@ElementTemplate(item); // What code should be here to pass i to the ElementTemplate????
i++;
}

@code {
int i = 0;


[Parameter] public List<TItem> List { get; set; }
[Parameter] public RenderFragment<TItem> ElementTemplate { get; set; }
}

我有另一个简单的组件,它将获取一个项目和一个索引来呈现数据(员工):

<div> @Index . @Person.Name </div>

@code{
[Parameter] public Person { get; set; }
[Parameter] public int Index { get; set; }

}

在我的主页中,我有以下内容:

<GenericList List="employees">
<ElementTemplate>
<Employee Person="context" Index="?"></Employee>
</ElementTemplate>
</GenericList>

正如您所见,Employee 组件需要一个 Index 参数,我如何从 GenericList 组件传递 Index?在此示例中,变量“i”应传递给 ElementTemplate 以及 Generic TItem 对象本身。

最佳答案

我发现快速/简单的方法是使用元组作为 RenderFragment 上下文:

@foreach (var item in List)
{
@ElementTemplate((item,i));
i++;
}

@code {
int i=0;
[Parameter] public List<TItem> List { get; set; }
[Parameter] public RenderFragment<(TItem item, int index)> ElementTemplate { get; set; }
}

然后你的标记变成:

<GenericList List="employees">
<ElementTemplate>
<Employee @key=@context.index Person=@context.item Index=@context.index></Employee>
</ElementTemplate>
</GenericList>

如果您愿意,可以在 GenericList 中使用实用程序类而不是元组。

关于c# - 将附加数据传递给 Blazor 组件中的通用 RenderFragment,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64206500/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com