在 ASP.Blazor 中隐藏垂直导航窗格

【问题标题】：Hiding Vertical Navigation Pane in ASP.Blazor在 ASP.Blazor 中隐藏垂直导航窗格
【发布时间】：2023-03-14 03:48:01
【问题描述】：

所以我尝试使用 blazor 和 devexpress 控件垂直显示导航窗格，devexpress 控件表单布局已经调整大小并将导航方向从水平更改为垂直，但是我无法使用隐藏垂直导航按钮单击。请注意，由于版权等原因，我无法使用任何插件...如果有人可以提供帮助，请提前感谢您！

【问题讨论】：

请分享您现有的代码，到目前为止您所尝试的。

标签： c# html css navigation blazor

【解决方案1】：

这是一个关于如何在按钮单击时隐藏组件的示例。您的 dev express 控件可以放在 ShowHideComponent 所在的位置。

主要组件：

@page "/test"


<button @onclick="(() => ShowComponent = true)">Show</button>
<button @onclick="(() => ShowComponent = false)">Hide</button>
@if (ShowComponent)
{
    <ShowHideComponent></ShowHideComponent>
}


@code {
    bool ShowComponent { get; set; } = false;
}

ShowHideComponent.razor:

<div>Show Or Hide This</div>

【讨论】：