时间戳

首页 > 解决方案 > MudBlazor 动态选项卡通过组件中的 foreach

c# - MudBlazor 动态选项卡通过组件中的 foreach

问题描述

我正在尝试在 MudBlazor 组件中使用 foreach 循环。所以选项卡的动态长度取决于类别的数量。

<MudTabs Elevation="2" Rounded="true" ApplyEffectsToContainer="true" PanelClass="pa-6">
    @foreach (Category category in categories)
    {
        <MudTabPanel Text="@category.CategoryName">
        </MudTabPanel>
    }
</MudTabs>

执行时我没有错误，只是不显示。似乎mudblazor 组件无法使用循环元素。

标签： c#asp.netblazormudblazor

解决方案

已解决：将带有选项卡的索引绑定到选项卡是必要的

<MudTabs @bind-ActivePanelIndex="_index" Border="tru....

然后你可以在@code中添加标签

foreach (Category category in categories)
        {
            _tabs.Add(new TabView { Content = category.CategoryCode.ToString(), Name = category.CategoryName, Id = Guid.NewGuid() });
    }

“高级动态选项卡”中的 MudBlazor 文档中的详细信息 https://mudblazor.com/components/tabs#advanced-dynamic-tabs

推荐阅读