【问题标题】: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;返回视图(用户); }

标签: c# .net asp.net-mvc asp.net-core blazer


【解决方案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")

【讨论】:

    猜你喜欢
    • 2012-05-27
    • 1970-01-01
    • 2013-08-12
    • 1970-01-01
    • 1970-01-01
    • 2014-02-07
    • 2020-10-01
    • 2014-10-25
    相关资源
    最近更新 更多