aspx中GridView初始化选中跟背景颜色变化！

最新推荐文章于 2024-07-05 16:20:58 发布

编程小猪

最新推荐文章于 2024-07-05 16:20:58 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： .net开发文章标签：脚本 function object server asp null

本文链接：https://blog.youkuaiyun.com/zct08/article/details/6432719

.net开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用ASP.NET中GridView控件结合JavaScript实现行点击事件改变背景颜色的方法。通过客户端JavaScript脚本与服务器端C#代码的配合，实现了当用户点击GridView中的某一行时，该行背景颜色发生变化的效果，并在鼠标悬停和移开时也有相应的颜色提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//JS脚本 function showHistogram() { //获取GridView控件 var gdview=document.getElementById("<%=gvwDayRain.ClientID %>"); if(gdview == null) return; selectedRow = gdview.rows(1); c=selectedRow.style.backgroundColor; selectedRow.style.backgroundColor ="#77aa00"; } //页面控件及JS脚本方法调用 <body onload="showHistogram()"> <asp:GridView ID="gvwDayRain" runat="server" OnRowDataBound="gvwDayRain_RowDataBound" > //后台代码： /// <summary> /// 行点击事件柱状图显示 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void gvwDayRain_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor; this.style.backgroundColor='#6699ff'"); e.Row.Attributes.Add("onmouseout", "if(this.style.backgroundColor == '#6699ff') this.style.backgroundColor=c"); } }