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/

相关文章:

javascript - 从特定格式的所有 div 元素中删除特定类

c# - 如果我尝试播放mp3文件,我的代码会崩溃,对于WAV文件效果很好

javascript - 无法选择 child

javascript - 我的 javascript 中隐藏选择选项时出错

javascript - JQuery 添加和删除延迟链接的类不起作用

html - 将收缩到最小宽度然后下降到下一行的三列流体页脚

c# - 服务结构参与者超时

c# - Html 通过 lambda 扩展模型的两个属性

c# - Linq to NHibernate ThenFetch 多个属性

html - 如何使div的高度与其宽度成正比?