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

【问题标题】：How to change MudExpansionPanel's initial state to an expanded state using MudBlazor?如何使用 MudBlazor 将 MudExpansionPanel 的初始状态更改为展开状态？
【发布时间】：2022-01-21 23:03:29
【问题描述】：

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

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

@code
{
    
}

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

【问题讨论】：

标签： blazor mudblazor

【解决方案1】：

我检查了 MudBlazor 代码，有一个布尔参数 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);
}

还有剃须刀代码：

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

【讨论】：

是的，我也看到了。但我认为我们只能通过使用 IsExpanded 属性来检查扩展面板是否展开。不是吗？？
查看我的更新答案。我认为IsInitiallyExpanded 会起作用！