鼠标移到GridView某一行时改变该行的背景色方法一

原创 2007年10月10日 16:19:00
双击GridView的OnRowDataBound事件;
在后台的GridView1_RowDataBound()方法添加代码,最后代码如下所示:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        int i;
        //执行循环,保证每条数据都可以更新
        for (i = 0; i < GridView1.Rows.Count; i++)//这里如果i从0开始的话,那么鼠标移动到数据行的第一行时,颜色并没有改变,所以建议改为 i = -1
        {
            //首先判断是否是数据行
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                //当鼠标停留时更改背景色
                e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#00A9FF'");
                //当鼠标移开时还原背景色
                e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
            }
        }

    }

前台代码:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>实现鼠标划过改变GridView的行背景色 </title>
</head>
<body>
    <form runat="server">
    <div>
        <asp:GridView runat="server" AutoGenerateColumns="False" DataKeyNames="身份证号码"
            DataSourceID="SqlDataSource1" AllowSorting="True" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Size="12px" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField DataField="身份证号码" HeaderText="身份证号码" ReadOnly="True" SortExpression="身份证号码" />
                <asp:BoundField DataField="姓名" HeaderText="姓名" SortExpression="姓名" />
                <asp:BoundField DataField="家庭住址" HeaderText="家庭住址" SortExpression="家庭住址" />
                <asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />
            </Columns>
            <FooterStyle BackColor="White" ForeColor="#000066" />
            <RowStyle ForeColor="#000066" />
            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
        </asp:GridView>
        <asp:SqlDataSource runat="server" ConnectionString="<%$"
            SelectCommand="SELECT top 5 [身份证号码], [姓名], [员工性别], [家庭住址], [邮政编码] FROM [http]" DataSourceMode="DataReader"></asp:SqlDataSource>
   
    </div>
    </form>
</body>
</html>

 

js 当鼠标移动到表格一行上时,该行背景颜色改变

1. js,当鼠标移动到表格一行上时,该行背景颜色改变 var rows=document.getElementsByTagName('tr') for(var i=0;i...
  • xyr05288
  • xyr05288
  • 2015年05月08日 15:07
  • 3899

C#在DataGridView当鼠标移到某行时,该行改变颜色

在datagridview当鼠标移到某行时,该行改变颜色 Winform: DataGridView属性中有个SelectMode之类的属性,可以设定是选择单元格还是选择行。 在DataGirdVie...
  • lingfengstar1
  • lingfengstar1
  • 2016年06月20日 15:15
  • 2424

【WPF】样式与模板:鼠标移入/悬浮时按钮的背景色不改变

用MultiTrigger定义按钮的【鼠标悬浮+不被选中/被选中】同时满足的状态时的背景色。...
  • qq_18995513
  • qq_18995513
  • 2016年12月10日 10:29
  • 3403

asp.net GridView列数据鼠标移入显示提示信息

asp.net GridView列数据鼠标移入显示提示信息
  • taomanman
  • taomanman
  • 2015年09月06日 18:12
  • 2691

在GridView中针对鼠标单击的某一独立单元格进行编辑

原文地址:http://www.codeproject.com/KB/webforms/EditGridviewCells.aspx [原文源码下载] [译者改后源码下载] 作者:Decla...
  • judyge
  • judyge
  • 2015年11月15日 10:36
  • 1364

Android的GridView中的选中图标后图标的背景颜色

1.首先在GridView组件中添加android:listSelector="@android:color/transparent",表示选中图标后颜色是透明的(给用户的感觉就是根本不晓得点没点图标...
  • xuxiaocheng1
  • xuxiaocheng1
  • 2014年02月28日 13:21
  • 1220

设置某一行背景颜色的CListCtrl

三个接口函数,设置某一行的文字颜色(前景色)和背景色,使用说明都放在注释里了,自己看吧: LineColorListCtrl.h...
  • xl19900502
  • xl19900502
  • 2014年10月14日 23:02
  • 2387

(笔记)鼠标移动到一个 元素上所触发的事件

html> html> head lang="en"> meta charset="UTF-8"> title>title> script src="jquery-2.1.1....
  • qq_14961511
  • qq_14961511
  • 2015年08月03日 08:08
  • 3359

ASP.NET中GridView实现行鼠标滑过及选择变色

一、 复制去Google翻译翻译结果
  • u010568463
  • u010568463
  • 2015年04月02日 18:43
  • 874

mfc中设置listcontrol某一行的背景和文字颜色

MFC中用到listcontrol控件,可能会根据内容显示颜色。本文提供一种方式: listcontrol设置为report格式,根据内容设置某一行的背景和文字颜色。具体用listcontrol的S...
  • langxm2006
  • langxm2006
  • 2017年08月05日 22:35
  • 2018
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标移到GridView某一行时改变该行的背景色方法一
举报原因:
原因补充:

(最多只允许输入30个字)