繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > asp.net GridView和DataList实现鼠标移到行行变色
- ASP.NET
- asp.net Linq To Xml上手Descendants、Elements遍历节点
- asp.net 过滤图片标签的正则
- ASP.NET Session会导致的性能问题
- asp.net 客户端浏览器缓存的Http头介绍
- ASP.NET 常用 文件上传方法
- 异步 HttpContext.Current实现取值的方法(解决异步Application,Session,Cache...等失效的问题)
- asp.net Datalist控件实现分页功能
- c#中带头（声明）的xml（封装）生成
- asp.net BOF或EOF有一个是真，或者当前记录已被删除
- asp.net 多数据库支持的思考
- 一个简单的自定义程序日志小样例
- asp.net DataSet进行排序
- 常用JavaScript代码提示公共类封装
- ASP.NET 服务器路径和一般资源调用
- 使用母版页时内容页如何使用css和javascript
- asp.net datalist 用法
- asp.net js模拟Button点击事件
- ASP.NET Web Page应用深入探讨
- 动态向页面添加控件和使用正则表达式的代码
- Asp.net 连接MySQL的实现代码[]
ASP.NET 中的 asp.net GridView和DataList实现鼠标移到行行变色
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 294 ::
收藏到网摘: n/a
在设计页面添加了DataList控件后，我在使用DataList绑定数据时是通过单元格来绑定的,因此鼠标效果就在源代码页面去实现 在GridView控件的RowDataBound事件里添加以下代码
if (e.Row.RowType == DataControlRowType.DataRow)
{
//当鼠标移到行上时更改背景色
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#EE82EE'");
//当鼠标移开时还原背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
}
在设计页面添加了DataList控件后，我在使用DataList绑定数据时是通过单元格来绑定的,因此鼠标效果就在源代码页面去实现，如下例所示
<asp:DataList ID="DataList1" runat="server" BorderWidth="1" >
<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#8EC26F'" onmouseout="this.style.backgroundColor=''" >
<td>
<asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.ID") %>'></asp:Label>
</td>
<td>
<asp:Label ID="Label2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Area") %>'></asp:Label>
</td>
</tr>
</ItemTemplate>
<HeaderTemplate>
Header1</td>
<td>Header2
</HeaderTemplate>
</asp:DataList>
评论 (0) All
