如何根据单元格值使用颜色为Asp.net GridView单元格设置样式

Question

我有一个 Gridview，它有一个名为 student_Class 的列。在表格视图中，大约有80个班级。我已经使用 GroupBy 查询对这些班级进行了分组。

现在我想用不同的颜色为这些班级设置不同的样式。有什么方法可以实现吗？
在 RowDataBound 中编写所有班级并赋予颜色并不容易。

是否有其他方法？

代码：

groups = (ArrayList)Session["selectedclass"];
SELECT id,name,student_Class FROM student where 
         student_Class='"+groups[0].ToString().Trim()+"'  
         group by  student_Class.

提供数据为：

 id   name   student_class
 1    aa      A
 2    bb      A
 3    cc      A
 4    dd      B
 5    ee      B
 6    as      B
 7    ss      B
 8    AZZ     D

值为A的学生需要相同的颜色（对于单元格），而B需要另一种颜色，等等。

- ARATHY

---

你给单元格着色的标准是什么？ - Ankur

学生班级相同则颜色相同 @Ankur Karl Anderson - ARATHY

当您将网格与数据库中的值绑定后，从0到网格行数运行循环，并根据您的要求使用以下代码为单元格设置颜色：grd_AssetDistri.Rows[0].Cells[0].BackColor = System.Drawing.Color.YOURCOLOR; - Ankur

Ankur，如果你通过循环遍历整个网格，那么当我将10000行绑定到我的网格时会发生什么，它会减慢我的性能吗？因此，这不是正确的着色行的方法。 - Tejas Vaishnav

@TejasVaishnav：首先，网格中包含超过1K行的可能性极小。如果您使用，则设计将变得混乱。 - Ankur

Answer 1

ASPX:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="id" DataSourceID="SqlDataSource1" 
    ondatabound="GridView1_DataBound" onrowdatabound="GridView1_RowDataBound">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="id" ReadOnly="True" 
            SortExpression="id" />
        <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />
        <asp:BoundField DataField="student_class" HeaderText="student_class" 
            SortExpression="student_class" />
    </Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:SiteConnectionString %>" 
    SelectCommand="SELECT * FROM [student]">
 </asp:SqlDataSource>

后台代码：

static string[,] ClassNames =
{
   {"A","Red"},
   {"B","Blue"},
   {"C","Pink"},
   {"D","Green"},
   // and so on
};
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    string className = e.Row.Cells[2].Text;
    string color = "Black";
    for (int i = 0; i <= ClassNames.GetUpperBound(0); i++)
    {
        if (ClassNames[i, 0] == className)
        {
            color = ClassNames[i, 1];
            e.Row.Cells[2].ForeColor = Color.FromName(color);
            e.Row.Cells[2].BorderColor = Color.Black;
            break;
        }
    }
}

- Samiey Mehdi

---

这是一个不错的方法。但是我的表格包含80种学生班级类型。所以要写80个case吗？！！！@Samiey Mehdi - ARATHY

Answer 2

如果你只想根据值进行样式设置，我必须建议你在客户端使用Jquery或JavaScript来完成。
此外，它不会影响性能，因为它是在客户端执行而不是在RowDataBound上执行。 代码：使用客户端 - （我更推荐）
在这里，您可以设置许多条件以依赖于您的类值，无需编写额外的服务器端代码。

$(document).ready(function () {
        $(".myGvClass").find("td").each(function () {
            if ($(this).text() == "Class B") {
                $(this).css("color", "Red");
            }
            
            if ($(this).text() == "Class A") {
                $(this).css("color", "Blue");
            }
          
            if ($(this).text() == "Class C") {
                $(this).css("color", "green");
            }
          //  ..... and so on
    });



 

HTML标记：

 <asp:GridView ID="GridView1" runat="server" CssClass="myGvClass">
 </asp:GridView>

CodeBehind:

 GridView1.DataSource = YourDataTable;
 GridView1.DataBind();

屏幕截图：

---

---

代码：使用服务器端 在myGridview_DataBound事件中循环遍历GridView行，并检查单元格值的条件并设置相应的颜色。

protected void myGridview_DataBound(object sender, EventArgs e)
{
    for (int i = 0; i <= myGridview.Rows.Count - 1; i++)
    {
        string myClassVal = myGridview.Rows[i].Cells[2].Text;
        if (myClassVal == "Class A")
        {
            myGridview.Rows[i].Cells[2].BackColor = Color.Green;
         }
        else if (myClassVal == "Class B")
        {
            myGridview.Rows[i].Cells[2].BackColor = Color.Red;
        }
        else 
        {
           myGridview.Rows[i].Cells[2].BackColor = Color.Orange;
        }
    }
}

HTML:

<asp:GridView ID="myGridview" runat="server" ondatabound="myGridview_DataBound">
</asp:GridView>

代码后台：

myGridview.DataSource = YourDataTable;
myGridview.DataBind(); 

屏幕截图：

- Satinder singh

---

但我的问题是我有超过20个类。@Satinder Singh - ARATHY

@ARATHY：在RowDataBound事件中，你可以在客户端完成而不是在服务器端重复写30次。 - Satinder singh

how is it ? @Satinder singh - ARATHY

Answer 3

有很多种方法可以解决问题，但如果你真的不想使用RowDataBound，你可以使用一个包含样式控件的ItemTemplate的TemplateColumn。例如：

<asp:GridView ...>
  ...
  <Columns>
     ...
     <asp:TemplateField ...>
         <ItemTemplate>
            <asp:Panel ... CssClass='<%# GetStudentCssClass(Eval("student_Class")) %>'>
            ...
            </asp:Panel>
         </ItemTemplate>
         ...

- Joe

---

所有三个答案都是正确的，符合OP的要求，但是OP仍在等待一些神奇的解决方案，这样他就不必为80个值编写检查，或设置80个CSS等等。 - Satinder singh