如何根据Session值隐藏HTML元素

时间:2017-02-21 11:57:49

标签: javascript c# jquery asp.net-mvc razor

我试图隐藏基于会话值的html元素,使用razor或js,但我不能。我尝试了多种解决方案,但没有结果。

首次尝试:



<div class="btn-group">
  <a href="#" class="btn btn-default">الخيارات</a>
  <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <span class="caret"></span> 
  </a>
  <ul class="dropdown-menu">
    <li style="@(Session[" UserRole "].Equals("2 ") ? "display:none " : "display:block ")">
      <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات
    </li>
    <li>
      <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a>
    </li>
    <li>
      <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a>
    </li>
  </ul>
</div>
&#13;
&#13;
&#13;

第二次尝试:

&#13;
&#13;
<div class="btn-group">
  <a href="#" class="btn btn-default">الخيارات</a>
  <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <span class="caret"></span>
  </a>
  
  <ul class="dropdown-menu">
    @if (Session["UserRole"].ToString().Equals("1")) {
      <li>
        <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات
      </li>
    }
    <li>
      <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a>
    </li>
    <li>
      <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a>
    </li>
  </ul>
</div>
&#13;
&#13;
&#13;

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

尝试以下逻辑,它可能适合你

   <li style="@(Session["UserRole"].ToString() == "2" ? "display:block" : "display:none")">

答案 1 :(得分:0)

只需使用if而不是混合元素的样式:

<div class="btn-group">
  <a href="#" class="btn btn-default">الخيارات</a>
  <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <span class="caret"></span> 
  </a>
  <ul class="dropdown-menu">
    @if (Session[" UserRole "].Equals("2 "))
    {
    <li>
      <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات
    </li>
    }
    <li>
      <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a>
    </li>
    <li>
      <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a>
    </li>
  </ul>
</div>