源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

asp.net Gridview数据列中实现鼠标悬浮变色

  • 时间:2021-09-25 00:40 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net Gridview数据列中实现鼠标悬浮变色
功能描述: 在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。 功能实现: 在gridview中新增一个事件RowDataBound,代码如下:
[u]复制代码[/u] 代码如下:
protected void gvwNews_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onmouseover", "color = this.style.backgroundColor;this.style.backgroundColor='#EAFCD5'"); e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=color"); e.Row.Attributes.Add("onclick", "ClickRow()"); } }
其中的onclick事件是控制选择行首的复选框的,点击行便实现"点击"复选框一样的效果。代码如下:
[u]复制代码[/u] 代码如下:
function ClickRow() { var obj = event.srcElement.parentElement.firstChild.firstChild.tagName; alert(obj); if(obj!=null && obj.tagName+""!="undefined") { obj.checked=obj.checked ? false : true; } }
简单的几行代码所需功能就可以实现了。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部