c# - 在mvc中使用javascript隐藏和显示菜单

标签 c# javascript html asp.net-mvc razor

我正在使用 mvc,其中我有两种类型的用户; “学生”和“员工”。我想过滤这些用户并向他们显示一个菜单,该菜单应根据用户是学生还是教职员工进行更改。我正在尝试使用 Javascript 执行此操作。

我该如何实现?

这是我已经拥有的:

<strong>STAFF USER</strong>

<div id="menucontainer">
    <ul id="menu">                  
        <li>@Html.ActionLink("Staff Details", "StaffDetails", "Home")</li>
        <li>@Html.ActionLink("Collection Master", "CollectionMaster", "Home")</li>
        <li>@Html.ActionLink("Question Bank Master", "QuestionBankMaster", "Home")</li>
        <li>@Html.ActionLink("Student Details", "StudentPersonnelDetails", "Home")</li>
        <li>@Html.ActionLink("Answer Sheet", "Answersheet", "Home")</li>
        <li>@Html.ActionLink("Login", "Login", "Home")</li>
        <li>@Html.ActionLink("Exam Master", "ExamMaster", "Home")</li>
        <li>@Html.ActionLink("Assign", "Assign", "Home")</li>
    </ul>
</div>

<strong>STUDENT USER</strong>

<div id="menucontainer1">
    <ul id="menu1">                  
        <li>@Html.ActionLink("Student Details", "StudentPersonnelDetails", "Home")</li>
        <li>@Html.ActionLink("Answer Sheet", "Answersheet", "Home")</li>
    </ul>
</div>

最佳答案

简单的例子:

<script type="text/javascript">
  function Foo()
  {
       if(@Roles.GetRolesForUser().Contains("Staff"))
       {
           document.getElementById('menucontainer').style.display = 'block';
           document.getElementById('menucontainer1').style.display = 'none';
       }
       else
       {
          document.getElementById('menucontainer').style.display = 'none';
          document.getElementById('menucontainer1').style.display = 'block';
       }
  }
</script>

关于c# - 在mvc中使用javascript隐藏和显示菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17442642/

相关文章:

c# - 一段时间后重新连接到 QueueManager 时,在 MQ 客户端 (C#) 上收到错误原因代码 2059

c# - 鼠标交互未显示在 webdriver 屏幕截图中

javascript - 幻灯片内文本前后的水平线

c# - 手动订购列表 C#?

javascript - 如何通过 JQuery 附加到 HTML 表格但保留我想要的格式?

javascript - 无法显示多个 ng-apps

javascript - 在 Flask/JavaScript 中返回两个响应

javascript - html2canvas 的图标问题

html - 当我选择一个图像时,如何防止图像列表被重置?

c# - 将json字符串反序列化为对象C#.net