blazor - 如何使用 MudBlazor 将 MudExpansionPanel 的初始状态更改为展开状态？

Question

我使用 MudBlazor 创建了一个简单的扩展面板并将其包含在下面。

    <MudExpansionPanels>
       <MudExpansionPanel>
        <TitleContent>
            <div class="d-flex">
                <MudText>Expansion Panel</MudText>
                
            </div>
        </TitleContent>
        <ChildContent>
            Panel Content
        </ChildContent>
    </MudExpansionPanel>
 </MudExpansionPanels>

@code
{
    
}

扩展面板的默认状态是折叠。现在我需要将其默认状态更改为展开状态。这意味着当我默认启动应用程序时，它应该被扩展。如何使用 blazor 做到这一点？？

Answer 1

我检查了 MudBlazor 代码，有一个 bool 参数 IsExpanded。

所以这应该可行:

<MudExpansionPanel *IsExpanded=true* IsInitiallyExpanded=true >
  ....
</MudExpansionPanel>

更新

进一步探索代码会发现 IsInitiallyExpanded。

[Parameter]
[Category(CategoryTypes.ExpansionPanel.Behavior)]
public bool IsInitiallyExpanded { get; set; }

protected override void OnInitialized()
{
   //....
 if (!IsExpanded && IsInitiallyExpanded)
    {
        _isExpanded = true;
        _collapseIsExpanded = true;
    }
    Parent?.AddPanel(this);
}

Razor 代码:

<MudCollapse Expanded="@_collapseIsExpanded" MaxHeight="@MaxHeight">
   <div class="@PanelContentClassname">
       @ChildContent
   </div>
</MudCollapse>