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

最新推荐文章于 2014-06-17 17:48:38 发布

转载最新推荐文章于 2014-06-17 17:48:38 发布 · 47 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kyovcs/archive/2007/07/30/836101.html

本文介绍如何在ASP.NET中使用GridView控件实现行高亮显示的方法，包括设置特定条件下的行背景色、添加鼠标悬停效果及单击行时背景色的变化。

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';");
         }

转载于:https://www.cnblogs.com/kyovcs/archive/2007/07/30/836101.html