css - 使用 BoundField 在 GridView 上使用验证

Question

我是 aspx 的新手，我有一个这样的网格:

<asp:GridView ID="grdViewTareas" AutoGenerateColumns="false" runat="server" CssClass="Grid">
  <Columns>
    <asp:BoundField DataField="stardate" HeaderText="Fecha Inicio" DataFormatString="{0:d}" ItemStyle-HorizontalAlign="Center" />
    <asp:BoundField DataField="duedate" HeaderText="Fecha Fin" DataFormatString="{0:d}" ItemStyle-HorizontalAlign="Center" />
    <asp:BoundField DataField="progress" HeaderText="% de Avance" ItemStyle-HorizontalAlign="Center" />
  </Columns>
</asp:GridView>

我想对每一行网格进行验证以绘制列的背景，例如:

if (progress < 100){
background-color: red;
}

我怎样才能做到这一点。问候

Answer 1

您使用 OnRowDataBound的事件。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    //check if the row is a datarow
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //cast the row back to a datarowview
        DataRowView row = e.Row.DataItem as DataRowView;

        DateTime _currentDate = new DateTime();
        DateTime _dueDate = new DateTime();

        //first, check if the date fields are null or empty and then try to convert
        if (!string.IsNullOrEmpty(row["currentDate"].ToString()))
        {
            _currentDate = Convert.ToDateTime(row["currentDate"]);
        }

        if (!string.IsNullOrEmpty(row["dueDate"].ToString()))
        {
            _dueDate = Convert.ToDateTime(row["dueDate"]);
        }

        //check the value of progress and set the background color
        if (Convert.ToInt32(row["progress"]) < 100 && _currentDate > _dueDate)
        {
            e.Row.Cells[0].BackColor = Color.Red;
        }
    }
}

您需要添加 OnRowDataBound="GridView1_RowDataBound"到 GridView。

如果你绑定(bind)了一个类列表 List<Myclass>你这样做:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    //check if the row is a datarow
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //if you bound a list of classes to the GridView, cast back to the orignal class
        MyClass item = e.Row.DataItem as MyClass;

        //check the propertyu value of the class and set the background color
        if (item.progress < 100 && item.currentDate > item.dueDate)
        {
            e.Row.Cells[0].BackColor = Color.Red;
        }
    }
}