asp.net-mvc-3 – 偶数和奇数表行与Razor

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – 偶数和奇数表行与Razor前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用具有MVC 3的Razor视图引擎,我试图使偶数和奇数行在表中具有不同的类.

到目前为止我已经有了

  1. @{ var odd = true; }
  2. @foreach(var userLot in Model) {
  3. if (!odd) {
  4. <tr id="lot@userLot.Id" class="even">
  5. else
  6. <tr id="lot@userLot.Id" class="odd">
  7. }
  8. <td>@userLot.Id</td>
  9. <td>@userLot.Description</td>
  10. <td>@userLot.Carat</td>
  11. <td class="averageBid">@userLot.AverageBid</td>
  12. <td class="rank">@userLot.Rank</td>
  13. <td class="currentBid">@userLot.CurrentBid</td>
  14. <td style="width: 200px; height: 30px;" class="tdWithBidInput"><input type="text" style="display: none" /></td>
  15. </tr>
  16. @{ odd = !odd; }
  17. }

这是给我无尽的麻烦,愚蠢的视图引擎无法弄清楚什么是标记,什么是代码.我已经尝试将tr打开标签包装在文本指令中,但是愚蠢的视图引擎会关闭结束tr标签.如果然后将文本指令中的关闭tr标签包装在文本指令中,则愚蠢的视图引擎会呻吟文本指令没有打开的标签.

只是为了清楚,这个

  1. <text></ tr></text>

给出了文本标签没有匹配的打开标签错误.可爱.

如何写这个,以便剃须刀不会给出错误

请不要推荐JavaScript解决方案,我想在这里解决剃刀问题.

解决方法

这个怎么样:
  1. @{ var odd = true; }
  2. @foreach(var userLot in Model) {
  3. <tr id="lot@(userLot.Id)" class="@(odd ? "odd": "even")">
  4. <td>@userLot.Id</td>
  5. <td>@userLot.Description</td>
  6. <td>@userLot.Carat</td>
  7. <td class="averageBid">@userLot.AverageBid</td>
  8. <td class="rank">@userLot.Rank</td>
  9. <td class="currentBid">@userLot.CurrentBid</td>
  10. <td style="width: 200px; height: 30px;" class="tdWithBidInput"><input type="text" style="display: none" /></td>
  11. </tr>
  12. odd = !odd;
  13. }

@(…)是一个有效且非常有用的语句.

猜你在找的asp.Net相关文章