ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        
//将满足特定条件的行标为高亮
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {
            
int pice= Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "pice"));//取当前行的列值
            if (pce<10)
                 e.Row.BackColor 
= Color.Red;
         }
        
//加入鼠标滑过的高亮效果
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {
            
//当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色
             e.Row.Attributes.Add("onmouseover""currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';");
            
//当鼠标离开的时候 将背景颜色还原的以前的颜色
             e.Row.Attributes.Add("onmouseout""this.style.backgroundColor=currentcolor,this.style.fontWeight='';");  
         }
        
//单击行改变行背景颜色
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add(
"onclick","this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");
         }  

posted on 2007-07-30 10:57  kyovcs  阅读(424)  评论(1编辑  收藏  举报

导航