asp.net GridView和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)

相关推荐

  • asp.net DataList与Repeater用法区别

    性能方面 Repeater比DataList要好一些,如果不是很大数据量的话,这点差别是体现不来的. 易用性方面 Repeater与DataList后台的数据绑定都很简单,DataSource=... DataBind()就OK了 但是DataList在对布局的操作上更加的方便一些,如它提供了SelectItemTemplate,EidtItemTemplate等,但是Repeater却没有,所以对于有选中颜色或者背景图片改变,最好选用DataList.如果用Repeater就需javascri

  • asp.net Datalist控件实现分页功能

    在.aspx页面里的代码 复制代码 代码如下: <asp:DataList ID="DataList1" runat="server" Width="976px" Height="745px" BorderWidth="2px" CellPadding="2" CellSpacing="2" RepeatColumns="7" RepeatD

  • asp.net 通过aspnetpager为DataList分页

    前台代码: 代码 复制代码 代码如下: <div id="newslistdiv"> <asp:DataList ID="NewsList" runat="server" Width="820px"> <HeaderTemplate> <div> <img src="../loginimages/newslisthead.gif" alt="&

  • asp.net datalist 用法

    设计模版: 页眉 <HeaderTemplate> </HeaderTemplate> 页脚 <FooterTemplate> </FooterTemplate> 数据记录 <ItemTemplate> </ItemTemplate> <AlternatingItemTemplate> 交替显示项 </AlternatingItemTemplate> <SelectedItemTemplate>选中

  • 决定何时使用 DataGrid、DataList 或 Repeater（ASP.NET 技术文章）

    摘要:了解 ASP.NET 用于显示数据的三个控件: DataGrid.DataList 和 Repeater. 这些控件中的每一个都有独特的特性以及相关的优点和缺点. 创建显示数据的 ASP.NET 应用程序时,为这项工作选择正确的控件非常重要. 正如将在本文中所看到的一样,选择使用 DataGrid.DataList 还是 Repeater,要权衡下面三个因素: 可用性.开发时间和性能. (12 页打印页) 简介 自从出现了像 Microsoft Active Server Pages (A

  • asp.net 获取Datalist中Checkbox的值的小结

    前台的示例代码如下,用的是datalist控件,要显示的是Student表中的StudentID和姓名 复制代码 代码如下: <asp:DataList ID="dlTable" runat="server" > <ItemTemplate> <td align="center"> <asp:Label ID="lblID" runat="server" Text=

  • asp.net使用for循环实现Datalist的分列显示功能

    服务器控件虽然用起来方便,但是也牺牲了性能,有些时候用起来显得大而无当.希望先进朋友多多指教. 复制代码 代码如下: /// <summary> /// 工程业绩--用for循环代替了DataList多列显示,得到2行四列的表格,需要内存表的8行数据 /// </summary> private void GcyjShow() { StringBuilder sb = new StringBuilder(); ProductBLL pb = new ProductBLL(); Da

  • ASP.NET数据绑定之DataList控件实战篇

    ASP.NET数据绑定之DataList控件实战篇

    上篇文章大概讲了DataList的一些基础知识,掌握这些知识在将来的应用中起到很大的作用,现在我们就开始讲上篇文章中说的基础知识做一个小例子.     首先,我机子的数据库中有一张person表,如下图所示. 现在,我们用DataList控件将表中的信息显示出来,并可以在DataList控件上对数据库中的表进行编辑操作.     1.首先用vs创建web应用程序,添加web窗体,在web窗体内拉入DataList控件,右击控件,选择编辑项模板,在这里我们能看到四个模板,其中两个是Selected

  • asp.net中将数据库绑定到DataList控件的实现方法与实例代码

    解决方法1: datalist databind() 解决方法2: 查看MSDN上的详细说明资料 解决方法3: 在DataList的模板中用table表格,如: 复制代码 代码如下: <asp:DataList ID="dlDetailedInfo" runat="server" OnItemDataBound="dlDetailedInfo_ItemDataBound" Width="100%"> <Ite

  • asp.net GridView和DataList实现鼠标移到行行变色

    在GridView控件的RowDataBound事件里添加以下代码 if (e.Row.RowType == DataControlRowType.DataRow) { //当鼠标移到行上时更改背景色 e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#EE82EE'"); //当鼠标移开时还原背景色 e.Row.Attribut

  • asp.net下用js实现鼠标移至小图，自动显示相应大图

    实现根据后台绑定小图片,鼠标移至小图,自动显示相应大图 .Net精简版本 <script language="JavaScript"> function GetShowImg(imgfile) { document.all("ShowImage").src = "/semir/images/"+ imgfile; } </script> //DataList绑定 <asp:datalist id="DlSi

  • asp.net gridview 72般绝技第1/2页

    asp.net gridview 72般绝技第1/2页

    GridView无代码分页排序GridView选中,编辑,取消,删除GridView正反双向排序GridView和下拉菜单DropDownList结合GridView和CheckBox结合鼠标移到GridView某一行时改变该行的背景色方法一鼠标移到GridView某一行时改变该行的背景色方法二GridView实现删除时弹出确认对话框GridView实现自动编号GridView实现自定义时间货币等字符串格式GridView实现用"..."代替超长字符串GridView一般换行与强制换行

  • ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法示例

    本文实例讲述了ASP.NET中GridView.DataList.DataGrid三个数据控件foreach遍历用法.分享给大家供大家参考,具体如下: //gridview遍历如下: foreach (GridViewRow row in GridView1.Rows) { CheckBox cb = (CheckBox)row.FindControl("CheckBox2"); if (cb.Checked == true) { } } //datagrid遍历: foreach (

  • Asp.net GridView隔行变色和光棒效果2种方法实现

    方法一:前台和后台配合使用 1.aspx 隔行变色属性(<AlternatingRowStyle BackColor="#f5f5f5" />) 复制代码 代码如下: <asp:GridView ID="gvProjectList" runat="server" OnRowCreated="gvProjectList_RowCreated"> <AlternatingRowStyle BackCo

  • Jquery 实现表格颜色交替变化鼠标移过颜色变化实例

    Jquery 实现表格颜色交替变化鼠标移过颜色变化实例

    Jquery 实现表格颜色交替变化,点击选中行,鼠标移过颜色变化效果图如下: 源码(Demo)打包下载 html代码如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http:/

  • 鼠标移到导航当前位置的LI变色处于选中状态

    鼠标移到导航上面 当前的LI变色 处于当前的位置,广泛应用于当前导航. 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>鼠标移到导航上面 当前的LI变色 处于当前的位置</title> <style type="text/css"&g

  • js实现鼠标移到链接文字弹出一个提示层的方法

    本文实例讲述了js实现鼠标移到链接文字弹出一个提示层的方法.分享给大家供大家参考.具体分析如下: 这里实现鼠标移动到链接文字上面,弹出一个已定义好的DIV层的效果.在这个层里你可以加入与此链接对应的信息,这样就成了一个信息提示窗,在淘宝.新浪都能看到这种效果,很实用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

  • JS实现鼠标移上去显示图片或微信二维码

    废话不多说了,直接给大家贴代码了. <html> <head> <script type="text/javascript"> function showImg(){ document.getElementById("wxImg").style.display='block'; } function hideImg(){ document.getElementById("wxImg").style.displa

  • asp.net GridView中使用RadioButton单选按钮的方法

    本文实例讲述了asp.net GridView中使用RadioButton单选按钮的方法.分享给大家供大家参考,具体如下: 在GridView里做单选按钮,我用了三种方法 第一种方法:在GridView的模版列里加服务器端控件RadioButton,使用js控制单选 使用模版列里加RadioButton <script type="text/javascript"> function setRadio(nowRadio) { var myForm,objRadio; myF

随机推荐