Evil 域

当Evil遇上先知

导航

GridView根据数据强调显示的小技巧

Posted on 2007-05-28 15:39  Saar  阅读(668)  评论(2编辑  收藏  举报
  在数据显示过程中,我们常常会根据显示的内容,来对显示格式进行一些修饰,以达到提示、强调或其它的作用。在GridView中可以通过对数据的判定配合相应的CSS来达到这样的效果。此方法稍加变换,即可运用到DetailsView、FormView、Repeator等一系列的模板控件中。
  我们首先来看一下效果图:

  在这个GridView中,根据首页推荐的值,强调显示首页推荐的电影。制作方法如下:首先,正常将ObjectDataSource中的数据绑定到GridView中,预览看其是否能正常显示数据。如果显示正常了,就进行下一步。
  GridView在每一行绑定完成以后,会触发RowDataBound事件,此时,绑定上的数据已经可以通过GridViewRowEventArgs类型的参数e获取到了。在获取了参数以后,根据其值是否为真来决定是否要附加给它应用CSS。代码如下:
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    
{
        
if (e.Row.RowType == DataControlRowType.DataRow)
        
{
            QmxMovie.MovieRow current
=(QmxMovie.MovieRow)((DataRowView)e.Row.DataItem).Row;
            
if (current.Index)//首页推荐
            {
                e.Row.CssClass 
= "DataRowEmp";
            }

        }

    }

  顺便附上相应的CSS代码:
.DataRowEmp
{
    background-color
:#bce3ff;
    
}

  呵呵,几小行代码,一个配色,帮助您展现思想、实现完美用户体验(怎么像在做广告^_^)。当然,只要丰富一下css,就可以达到更多的效果。例如,要粗体显示,可以修改CSS如下:
.DataRowEmp
{
    background-color
:#bce3ff;
    font-weight
:bold;
}