0

昨日テーブルソーターを実装しましたが、特定の時間が現在の時刻よりも短い場合にセルの色を変更しようとすると問題が発生します。失敗した場合はセルを赤に変更します。これは私のC＃コードで、元々はgridViewがありました。正常に動作しましたが、ここでc＃コードを並べ替えるのが速くなるように変更したいと思いました

 protected void gvResult_rowDataBound(Object sender, GridViewRowEventArgs e)
        {
            DateTime AppointmentTime = DateTime.Now;

            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                AppointmentTime = Convert.ToDateTime(DataBinder.Eval(e.Row.DataItem, "AppointmentTime"));

                if (AppointmentTime < DateTime.Now)
                {

                    e.Row.CssClass = "gvRowRed";
                    e.Row.Cells[0].CssClass = "white";
                    e.Row.Cells[1].CssClass = "white";
                    e.Row.Cells[2].CssClass = "white";
                    e.Row.Cells[3].CssClass = "white";
                    e.Row.Cells[4].CssClass = "white";
                    e.Row.Cells[5].CssClass = "white";
                    e.Row.Cells[6].CssClass = "white";
                    e.Row.Cells[7].CssClass = "white";
                }
                else if (AppointmentTime > DateTime.Now && AppointmentTime < DateTime.Now.AddHours(1))
                {
                    e.Row.CssClass = "gvRowGreen";
                    e.Row.Cells[0].CssClass = "white";
                    e.Row.Cells[1].CssClass = "white";
                    e.Row.Cells[2].CssClass = "white";
                    e.Row.Cells[3].CssClass = "white";
                    e.Row.Cells[4].CssClass = "white";
                    e.Row.Cells[5].CssClass = "white";
                    e.Row.Cells[6].CssClass = "white";
                    e.Row.Cells[7].CssClass = "white";
                }
            }


       }

その最初の部分は現時点で集中しているので、予定時刻が日時より短い場合は、セルの背景を赤に、フォントの色を白に着色する必要がありますが、何らかの理由で背景色は変更されず、フォントの色のみが変更されますどんな助けでもいただければ幸いです。

これがCSSです

table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #336699;
    border: 1px solid black;
    padding: 10px 15px;
    vertical-align:middle;
    font:verdana;
    color:White;
}
table.tablesorter thead tr .header {
    background-image: url('/img/bg/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url('/img/bg/asc.gif') ;
    background-repeat: no-repeat;
    background-position: center right;
}
table.tablesorter thead tr .headerSortDown {
    background-image: url('/img/bg/desc.gif');
    background-repeat: no-repeat;
    background-position: center right;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.gvRowRed
{
    background-color:Red !important;
}

.white
{
color:#ffffff !important;
}

4

1 に答える 1

0

変更してみる

.gvRowRed
{
    background-color:Red !important;
}

に

.gvRowRed td
{
    background-color:Red !important;
}

gvRowGreen についても同じです。セルではなく行にクラスを適用しています。

于 2012-04-11T09:32:15.847 に答える