Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变

下面是Asp.Net中GridView鼠标滑过的样式改变和单击时候样式改变的代码:


//加入鼠标滑过的高亮效果

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

}

 

时间: 2024-10-09 17:35:13

Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变的相关文章

asp.net中GridView数据鼠标移入显示提示信息_实用技巧

问题提出: 在asp.net开发中,如果有这样的一个需求,如果在列表控件,如GridView中的某列中显示的是一个计算公式得出的值,那么需求来了,鼠标移入该数字,显示该数字的计算公式和过程,如何做? 解决方案分析: 常规可以使用控件的title属性来显示提示信息,但是显示信息的样式不美观.接下来我们可以使用这样的一个解决方案,其显示效果如下图所示: 详细实现步骤: 1.下载弹出提示框相关js文件包,下载地址:http://download.csdn.net/detail/taomanman/90

ASP.NET 2.0下为GridView添加鼠标滑过的行颜色高亮效果

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { //将满足特定条件的行标为高亮 if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行 { int money = Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "MONEY"));//取当前行

ASP.NET中GridView的按钮在鼠标经过按钮时如何变成手形,谢谢!

问题描述 ASP.NET中GridView的按钮在鼠标经过按钮时如何变成手形,谢谢! 解决方案 解决方案二:设置按钮样式b/s按钮的样式style="cursor:pointer"c/s按钮的Cursor属性,设置为Hand解决方案三:该回复于2016-07-01 17:25:24被版主删除解决方案四:$('.btn').mouseover(function(){$(this).css('cursor','pointer');}).mouseout(function(){$(this)

灵活掌握asp.net中gridview控件的多种使用方法(下)_实用技巧

继续上篇文章的学习<灵活掌握asp.net中gridview控件的多种使用方法(上)>,在此基础上巩固gridview控件的操作使用,更上一层楼. 11.GridView实现用"..."代替超长字符串:效果图:   解决方法:数据绑定后过滤每一行即可 for (int i = 0; i <= GridView1.Rows.Count - 1; i++) { DataRowView mydrv; string gIntro; if (GridView1.PageInde

灵活掌握asp.net中gridview控件的多种使用方法(上)_实用技巧

灵活使用asp.net中gridview控件的方法有很多种,本文内容很富,希望大家都能有所收获. 1.GridView无代码分页排序: 效果图: 小提示: 1.AllowSorting设为True,aspx代码中是AllowSorting="True": 2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12". 3.默认的是单向排序的,右击GridView弹出"属性",选择AllowSort

asp.net中gridview動態添加dropdowmlist

问题描述 asp.net中gridview動態添加dropdowmlist <asp:DropDownList ID="DropDownList1" runat="server" DataSource='<%#ds().Tables[0].DefaultView %>' DataTextField="AddDropDownListVules" DataValueField="AddDropDownListVules&q

asp.net中GridView编辑,更新,合计用法示例_实用技巧

本文实例讲述了asp.net中GridView编辑,更新,合计用法.分享给大家供大家参考,具体如下: 前台代码: <asp:GridView ID="tabgv" runat="server" DataKeyNames="ysId" ShowFooter="True" OnRowDataBound="GridView1_RowDataBound" OnRowCreated="GridView

asp.net中gridview在360浏览器的网页中显示出空白的边框

问题描述 asp.net中gridview在360浏览器的网页中显示出空白的边框 利用VS中的asp.net编写网页时,用Gridview来绑定数据,在本地运行正常,用IIS发布后,不显示数据时(不查询,只有表头ID)在IE浏览器中也是正常的:但是在360浏览器中就显示出问题了:表头(第一行)后面接着显示出空白的边框(第二行).我怀疑是浏览器兼容性的问题,请问这个怎么修改???

图片-为什么ASP.NET中GridView的分页设置显示不对

问题描述 为什么ASP.NET中GridView的分页设置显示不对 为什么ASP.NET中用GridView的PagerSettings设置分页功能时会显示同是"上一页"或同是"下一页"呢? 解决方案 ASP.NET中GridView分页gridView (分页)(asp.net)asp.net 中的gridview 之gridview 分页 解决方案二: 这个在GridView中的Position属性中设置,TopAndBottom表示在上面和下面都显示,Top表