如何在MVC3 WebGrid生成的输出上改变TD的类?

时间:2011-05-09 13:20:13

标签: css asp.net-mvc-3 webgrid

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

我已经有了非服务器端JQuery方法。我希望在JQuery之外发生这种情况有几个原因。

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

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

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

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

同样,我已经有了一个JQuery解决方案来实现这个目标,我正在寻找一种方法来实现这一点。

1 个答案:

答案 0 :(得分:-1)

与'format:'参数类似,有一个'style:'参数可以像这样使用:

style: "class1 class2"