gridview

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 67 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/muran/archive/2012/03/12/2391311.html

文章标签：

#javascript #ViewUI

本文介绍了如何使用ASP.NET中的GridView控件实现隔行换背景色的效果，并详细解释了如何为GridView的每一行添加数据绑定事件，包括鼠标悬停、离开及点击时的样式变化和事件触发。

gridview隔行换背景色：在gridview的样式中，有专门设置隔行换背景色的属性AlternatingRowStyle，在里面设置即可。对于头的背景色，可根据需要在相应的头样式中设置。

gridview行数据：对于行的数据操作，首先要理解如何操作gridview的行，即语法的意思如何。

//后台

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {
            Label lbl = (Label)e.Row.FindControl("Label1");    //获取gridview行里控件的名称
            e.Row.Style["cursor"] = "pointer";    //设置gridview鼠标移动的样式
            e.Row.Attributes.Add("onmouseover", "c=this.style.color;this.style.color='#009ce4'");    //设置鼠标滑过gridview行的字体的样式
            e.Row.Attributes.Add("onmouseout", "this.style.color=c");     //设置鼠标离开gridview行的字体的样式
            e.Row.Attributes.Add("onclick", "doClick('" + lbl.Text.ToString() + "')");    //给gridview行添加click事件，并与前台的js的doClick（）函数互动，通过编写函数可以实现与后台调用事件，如Button1的click（）事件，这样就可以出发后台的click事件。
        }
    }

//前台js

转载于:https://www.cnblogs.com/muran/archive/2012/03/12/2391311.html