【问题标题】:How to I access item index in ItemContent in Virtualize component in Blazor如何在 Blazor 的 Virtualize 组件中访问 ItemContent 中的项目索引
【发布时间】:2023-03-10 13:37:01
【问题描述】:

如何访问索引?

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

【问题讨论】:

    标签: c# blazor ui-virtualization


    【解决方案1】:

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

    例子:

    <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

    【讨论】:

      猜你喜欢
      • 2021-04-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-24
      • 2020-07-17
      • 1970-01-01
      • 2012-04-20
      • 1970-01-01
      相关资源
      最近更新 更多