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

最新推荐文章于 2025-12-26 16:01:00 发布

转载最新推荐文章于 2025-12-26 16:01:00 发布 · 703 阅读

文章标签：

#asp.net #object

ASP.NET Ajax笔记同时被 2 个专栏收录

23 篇文章

订阅专栏

20 篇文章

订阅专栏

本文介绍如何在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'; " );
         }

posted on 2007-07-30 10:57 kyovcs 阅读(13) 评论(1) 编辑收藏引用网摘所属分类: CSharp