Как применить Style Css в цикле mvc foreach - PullRequest
Новая
       6

Как применить Style Css в цикле mvc foreach

0 голосов
/ 03 мая 2018

Я новичок в asp.net mvc, и моя проблема в том, что я хочу условно добавить CSS-цвет фона к набору строк таблицы, основываясь на BILL-AMOUNT = 0,00, у меня есть такой код

@ модель IEnumerable

View 

<tbody>
    @foreach (var item in Model)
    {
        <tr>
            <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.TicketNo)</td>
            <td style="padding-left: 12px; display: none;">@Html.DisplayFor(modelItem => item.name)</td>
            <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.ArrDate)</td>
            <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.quantity)</td>
            <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.Total)</td>
            <td>@Html.DisplayFor(modelItem => item.Refund)</td>
            <td>@Html.DisplayFor(modelItem => item.TotalAmount)</td>    
        </tr>
    }
</tbody>

Ответы [ 3 ]

0 голосов
/ 03 мая 2018 
<tbody>
          @foreach (var item in Model)
            {
              <tr bgcolor='@(item.AMOUNT==0? "#FFF":"#EEE")'>
              <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.TicketNo)</td>
               <td style="padding-left: 12px; display: none;">@Html.DisplayFor(modelItem => item.name)</td>
               <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.ArrDate)</td>
               <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.quantity)</td>
               <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.Total)</td>
               <td>@Html.DisplayFor(modelItem => item.Refund)</td>
               <td>@Html.DisplayFor(modelItem => item.TotalAmount)</td>    
                    </tr>
                   }
0 голосов
/ 03 мая 2018 
        <tbody>
        @foreach (var item in Model)
        {
          <tr style="background-color:@(Convert.ToInt32(item.TotalAmount) == 0?"RedColor":"GreenColor")">
          <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.TicketNo)</td>
           <td style="padding-left: 12px; display: none;">@Html.DisplayFor(modelItem => item.name)</td>
           <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.ArrDate)</td>
           <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.quantity)</td>
           <td style="padding-left: 12px;">@Html.DisplayFor(modelItem => item.Total)</td>
           <td>@Html.DisplayFor(modelItem => item.Refund)</td>
           <td>@Html.DisplayFor(modelItem => item.TotalAmount)</td>    
          </tr>
         }
    </tbody>
0 голосов
/ 03 мая 2018

Если у вас есть класс: 

.tr-zero {
    background-color: #cccccc;
}

Вы можете добавить класс условно так: 

<tr@(item.TotalAmount == 0 ? " class=\"tr-zero\"" : string.Empty)>
...