css - 如何在 MVC3 WebGrid 生成的输出上改变 TD 的类？

Question

我正在使用 MVC3 WebGrid (Razor)，一切正常。但是，我需要根据列中的值更改附加到特定列的 css 类。

我已经有一个非服务器端的 JQuery 方法来执行此操作。我希望这在 JQuery 之外发生有几个原因。

基本上，我是根据单元格的值进行单元格交通灯/突出显示。因此，如果单元格中的值为“62.5”，则需要附加到 <td> 的类是scr60 .这会将单元格的背景颜色设置为适当的阴影。

<tr>
  <td class="scr60">62.5</td>
</tr>

我知道我可以使用 format: 控制单元格的内容 的输出grid.Column() 上的参数定义，但我需要为实际 <td> 设置 CSS 类包含内容(以便突出显示整个单元格，而不仅仅是值/内容本身。

我已经有一个单独的辅助类/方法来根据值输出我想使用的 CSS 类的名称。我需要的是一种调整包含 <td> 的样式的方法使用该方法的输出。

同样，我已经有了执行此操作的 JQuery 解决方案，我正在寻找一种方法来使用 webgrid 本身执行此操作。

Answer 1

根据我使用 WebGrid 的经验，你不能这样做，但你可以在“单元格”中包含一个 span 并将你的类添加到基于 span 的在任何你想要的条件下。