下拉菜单不显示

Posted 2023-03-31

【中文标题】下拉菜单不显示

【英文标题】：Dropdown menu is not displayed

【发布时间】：2022-01-01 22:50:01

【问题描述】：

<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="collapse" aria-haspopup="true" aria-expanded="false"> Manage </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" asp-controller="Administration" asp-action="ListUsers"> Users</a> <a class="dropdown-item" asp-controller="Administration" asp-action="ListRoles"> Roles</a> </div> </li> 

我试过 Opera、Chrome、Brave、Explorer...

【问题讨论】：

您已使用 Blazor 标记了此问题。请您将您对此控件的 C# 逻辑发布到您的问题中吗？为了让人们能够回答您的问题，他们需要一个最少可重现的问题示例。

我很抱歉，不是我的错误，逻辑很简单 [HttpGet] public IActionResult ListUsers() var users = userManager.Users;返回视图（用户）；

【参考方案1】：

首先，请确保您使用的是 Bootstrap 4.x 版。

然后将data-toggle="collapse" 更改为data-toggle="dropdown"，如下所示：

<li class="nav-item dropdown"> 
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Manage </a> 
    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> 
        <a class="dropdown-item" asp-controller="Administration" asp-action="ListUsers"> Users</a> 
        <a class="dropdown-item" asp-controller="Administration" asp-action="ListRoles"> Roles</a> 
    </div> 
</li>

结果：

【讨论】：

谢谢你，这行得通::)

【参考方案2】：

为什么不使用 MVC 强类型辅助方法？ 做这样的事情：

@html.DropDownListFor(m => m.StudentGender, 
            new SelectList(Enum.GetValues(typeof(Gender))), 
            "Select Gender")