如何變更某一欄位的顏色變化

一般我們使用GV(Grid View)時,當中的欄位除了用來填值以外,有時會因為需求的關係,

去做一些外觀上的變化設定,例如像是顏色等,不同的值有時我們會希望給予不同的顏色,

利用前端(HTML)的設定及後端的 Function 方式可以做這類的控制。

此範例以 Telerik RadGrid 來做示範,有關 Telerik RadGrid  的套件介紹,在官網有更詳盡的解說,

http://www.telerik.com/ 。

下方的 RadGrid 是一個已經從資料庫中填好資料的部分,在紅色框框的地方我們想要

針對不同的值來做不同的顏色設定;當顯示為"正常"時,字體呈現為紅色;

當顯示為"異常"時,字體呈現為綠色。

前端的欄位設定部分如下:

<telerik:GridTemplateColumn DataField="Prodstatus" HeaderText="生產狀態" SortExpression ="Prodstatus" ItemStyle-HorizontalAlign ="Center" >
  <ItemTemplate >
       <%# changestatus(Eval("Prodstatus", "{0}"))%>
  </ItemTemplate>
</telerik:GridTemplateColumn>

後端 Function 的寫法如下:(以VB為例)

Public Function changestatus(ByVal state As String) As String
        Dim stxt As String
        stxt = ""
        If (state = "正常") Then
            stxt = "<font color=red>正常</font>"
        ElseIf (state = "異常") Then
            stxt = "<font color=green>異常</font>"
        End If
        Return stxt
    End Function

 如此便可以達到利用自行定義的 Function 來改變欄位中不同值的顏色變化。