c# - 如何在 Blazor 的 Virtualize 组件中访问 ItemContent 中的项目索引

Question

如何访问索引？

<Virtualize ItemsProvider="@ProvideItems">
    <ItemContent>
       <div>
          Item: @context
          Index: @???
        </div>
    </ItemContent>
</Virtualize>

Answer 1

没有索引，您必须使用子内容@key="myKey"上的属性自行设置。<ItemContent />即使这样，它也不能完全解决您了解项目索引的问题。但是，当涉及到过滤、排序、添加、删除或更新等 UI 更新时，<Virtualize />可以使用该属性进行跟踪。@key我使用此组件通过定位键来呈现具有过滤/排序功能的动态仪表板，并且效果很好。

例子：

<Virtualize ItemsProvider="@ProvideItems">
    <ItemContent>
       <div @key="context.ItemId">
          Item: @context
          Index: @context.ItemId
        </div>
    </ItemContent>
</Virtualize>

参考：https ://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-5.0#use-key-to-control-the-preservation-of-elements-and-components