2

所以我已经将一个网格连接到一个数据库，其中我的数据库只包含 1、2 和 3 的值。我想要它，这样每个有 1 的框都是绿色的，2 是黄色的，3 是红色的。

我的问题是我应该把调节代码放在哪里，我应该用什么语言来做？

以下信息只是我的网格视图和我链接到的数据。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="SqlDataSource1"
    >
    <Columns>
        <asp:BoundField DataField="Line" HeaderText="Line"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" ItemStyle-BackColor="#FF6699" />
        <asp:BoundField DataField="Jan" HeaderText="Jan"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Feb" HeaderText="Feb"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Mar" HeaderText="Mar"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Apr" HeaderText="Apr"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="May" HeaderText="May"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Jun" HeaderText="Jun"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Jul" HeaderText="Jul"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Aug" HeaderText="Aug"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Sep" HeaderText="Sep"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Oct" HeaderText="Oct"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Nov" HeaderText="Nov"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField DataField="Dec" HeaderText="Dec"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />

    </Columns>
</asp:GridView>



<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:dashboardConnectionString %>" 
SelectCommand="SELECT 
        line AS Line, 
        [2012-01-31] AS 'Jan', 
        [2012-02-29] AS 'Feb', 
        [2012-03-31] AS 'Mar', 
        [2012-04-30] AS 'Apr', 
        [2012-05-31] AS 'May', 
        [2012-06-30] AS 'Jun', 
        [2012-07-31] AS 'Jul', 
        [2012-08-31] AS 'Aug', 
        [2012-09-30] AS 'Sep', 
        [2012-10-31] AS 'Oct', 
        [2012-11-30] AS 'Nov', 
        [2012-12-31] AS 'Dec'
    FROM
    (Select line, report_month, state FROM [Monthly_State]) AS sourcetable
    PIVOT
    (
    MAX(state) 
    FOR report_month IN ([2012-01-31], [2012-02-29], [2012-03-31], [2012-04-30], [2012-05-31], [2012-06-30], [2012-07-31], [2012-08-31], [2012-09-30], [2012-10-31], [2012-11-30], [2012-12-31])
    ) as pivottable; ">

    </asp:SqlDataSource>

4

3 回答 3

1

由于不能在 CssClass 属性中使用数据绑定表达式，因此必须使用后面的代码。首先，您必须将列转换为模板。代替：

<asp:BoundField DataField="Jan" HeaderText="Jan"  ItemStyle-Width="75" ItemStyle-HorizontalAlign="Right" />

写：

<asp:TemplateField HeaderText="Jan">
   <ItemTemplate>
      <asp:Label ID="lblJan" runat="server" Text="<%# Eval("Jan") %>" />
   </ItemTemplate>
</asp:TemplateField>

然后您可以使用 RowDataBound 找到您的控件e.Row.FindControl("lblJan")并根据其值为其设置 css 类。

于 2012-07-30T12:49:08.857 回答
0

在网格视图的行数据绑定事件中，您必须放置条件。

void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e)
{
   if(e.Row.RowType == DataControlRowType.DataRow)
   {
    // example 
    // You have to give the correct index ( starts from 0 ). Cell[0] will be the first column in your grid
       if(  e.Row.Cells[0].Text = "1" )
       {
           e.Row.Cells[0].BackColor = System.Drawing.Color.Green;
       }
       if(  e.Row.Cells[1].Text = "2" )
       {
           e.Row.Cells[1].BackColor = System.Drawing.Color.Yellow;
       }
       if(  e.Row.Cells[2].Text = "3" )
       {
           e.Row.Cells[3].BackColor = System.Drawing.Color.Red;
       }
   // In the same way do for other columns

   }

 }
于 2012-07-30T12:47:54.723 回答
0

我会通过使用模板字段并在后面的代码中声明一个公共方法来做到这一点，如下所示

<asp:TemplateField> <ItemTemplate> <asp:Label ID="cddasf" runat="server" CssClass='<%# GetClass(Eval("colum name")) %>'></asp:Label> </ItemTemplate> </asp:TemplateField>

在后面的代码中

public  string GetClass(object g)
{

// 处理值并返回你想要的css类名

}
于 2012-07-30T14:34:38.563 回答