以引導程式形式根據條件使文本變灰

因此，我的任務是為電影院 Web 應用程式制作租賃歷史專案的索引頁面。其中一項要求是，如果租賃沒有損壞，我會將所造成的損壞文本變灰，如果損壞，則將所造成的損壞文本設為默認的黑色。我曾嘗試使用 if/else 陳述句，但我不確定如何真正定位文本。對不起，如果這是一個愚蠢的問題，但我還是 C Sharp 的新手。

到目前為止，這是我的索引頁面：

@model IEnumerable<TheatreCMS3.Areas.Rent.Models.RentalHistory>

@{
    ViewBag.Title = "Index";
}




<h2 class="Rental_History-Index-Header">Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>

<table id="Rental_History-Index-Table" class="table">
  <tr>
    <th>
      Most Recent Rental Histories
    </th>
  </tr>

  @foreach (var item in Model)
  {
    
    <tr id="Rental_History-Index--hover-row">
      <td id="Rental_History-Index--BoolIcon" class="col-xs-1" style="width: 0px;">
        @if (item.RentalDamaged == true)
        {
          <i id="Rental_History-Index--crossmarkclass" class="fas fa-times-circle fa-lg"></i>
          
        }
        else
        {
          <i id="Rental_History-Index--checkmarkclass" class="fa fa-check-circle fa-lg" aria-hidden="true"></i>

        }
      </td>


      <td class="col">
        <button type="button" class="btn btn-dark">@Html.DisplayFor(modelItem => item.Rental)</button>
      </td>


      
      <td id="Rental_History-Index-DI_Text" class="text-muted">
          @Html.DisplayFor(modelItem => item.DamagesIncurred)
      </td>


      <td id="Rental_History-Index-Vertical_Ellipse">
        
          <button class="btn btn-dark" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
          </button>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
            <li> <a class="dropdown-item" href="@Url.Action("Edit", new { id = item.Id })"><i style="padding-right: 5px;" class="fa fa-edit" aria-hidden="true"></i>Edit </a></li>
            <li> <a class="dropdown-item" href="@Url.Action("Details", new { id = item.Id })"> <i style="padding-right: 5px;" class="fa fa-info" aria-hidden="true"></i>Details </a></li>
            <li><div class="dropdown-divider"></div></li>
            <li> <a class="dropdown-item" href="@Url.Action("Delete", new { id = item.Id })"><span style="color: red;"><i style="padding-right: 5px;" class="fa fa-trash" aria-hidden="true"></i>Delete</span> </a></li>
          </ul>
      </td>
     </tr>
    
  }

</table>

uj5u.com熱心網友回復：

讓您的 css 檔案中有黑色的 blackcss 和灰色的灰色。現在您可以在您的 td 上添加一個條件類，如下所示：

 <td id="Rental_History-Index-DI_Text" class="text-muted @(item.RentalDamaged == true ? "blackcss" : "greycss")">
          @Html.DisplayFor(modelItem => item.DamagesIncurred)
      </td>

uj5u.com熱心網友回復：

所以我最終在我的索引頁面中使用了一個似乎有效的 if/else 陳述句。如果有人遇到類似問題，這是我的代碼：

@if (item.RentalDamaged == true)
  {
    <td id="Rental_History-Index-DI_Text" class="">
      @Html.DisplayFor(modelItem => item.DamagesIncurred)

      <span id="Rental_History-Index-Vertical_Ellipse">

        <button class="btn btn-dark" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
        </button>

        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
          <li> <a class="dropdown-item" href="@Url.Action("Edit", new { id = item.Id })"><i style="padding-right: 5px;" class="fa fa-edit" aria-hidden="true"></i>Edit </a></li>
          <li> <a class="dropdown-item" href="@Url.Action("Details", new { id = item.Id })"> <i style="padding-right: 5px;" class="fa fa-info" aria-hidden="true"></i>Details </a></li>
          <li><div class="dropdown-divider"></div></li>
          <li> <a class="dropdown-item" href="@Url.Action("Delete", new { id = item.Id })"><span style="color: red;"><i style="padding-right: 5px;" class="fa fa-trash" aria-hidden="true"></i>Delete</span> </a></li>
        </ul>
      </span>
    </td>
  }
  else
  {
    <td id="Rental_History-Index-DI_Text" class="text-muted">
      @Html.DisplayFor(modelItem => item.DamagesIncurred)

      <span id="Rental_History-Index-Vertical_Ellipse">

        <button class="btn btn-dark" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
        </button>

        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
          <li> <a class="dropdown-item" href="@Url.Action("Edit", new { id = item.Id })"><i style="padding-right: 5px;" class="fa fa-edit" aria-hidden="true"></i>Edit </a></li>
          <li> <a class="dropdown-item" href="@Url.Action("Details", new { id = item.Id })"> <i style="padding-right: 5px;" class="fa fa-info" aria-hidden="true"></i>Details </a></li>
          <li><div class="dropdown-divider"></div></li>
          <li> <a class="dropdown-item" href="@Url.Action("Delete", new { id = item.Id })"><span style="color: red;"><i style="padding-right: 5px;" class="fa fa-trash" aria-hidden="true"></i>Delete</span> </a></li>
        </ul>
      </span>
    </td>
  }

</tr>

標籤：C＃ asp.net-mvc 视觉工作室

上一篇：更改DataGridView后如何更新資料庫？

下一篇：不推送引數初始化物件