2011-05-09 51 views
3

我正在使用MVC3 WebGrid(Razor),一切工作正常。但是,我需要根據列中的值來更改附加到特定列的css類。如何更改MVC3 WebGrid生成的輸出上的TD類?

我有一個非服務器端JQuery的方式做到這一點。有幾個原因讓我希望這發生在JQuery之外。

基本上,我正在做基於單元格值的單元格交通照明/突出顯示。因此,如果單元格中的值爲「62.5」,則需要附加到<td>的類別爲scr60。這將單元格的背景顏色設置爲適當的陰影。

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

我知道我可以控制的使用上grid.Column()定義format:參數的單元格的內容輸出,但我需要設置CSS類包含內容的實際<td>(使整個單元格被高亮顯示,而不僅僅是值/內容本身。

我已經有一個單獨的幫助程序類/方法來根據值輸出我想要使用的CSS類的名稱。使用該方法的輸出來調整包含<td>的樣式的方式。

再次,我已經有一個這樣做的JQuery解決方案,我正在尋找一種方法來做到這一點與webgrid本身。

+0

我試着玩WebGrid,找不到解決方案。在grid.Column上有一個「style」屬性,但是從我可以告訴它設置整個列的樣式,而不是單個單元格。 – Sam 2011-05-09 21:45:05

+0

謝謝山姆。恐怕我可能需要查看另一個網格(MvcContrib Grid?),或者只是在表格中執行以獲得我需要/想要的內容。 – 2011-05-09 22:01:20

+0

我結束了使用google.visualization.data表圖表可視化。 – 2011-06-30 19:18:46

回答

-1

像「格式:」參數,有一個「風格:」參數,你可以使用這樣的:

style: "class1 class2" 
+1

非常確定風格:只在列級別可用,而不是單元級別; – 2011-06-30 19:18:25

1

從我用的WebGrid的經驗,你不能這樣做,但你可以包括span在「單元格」內,並根據您想要的任何條件將您的課程添加到span