GridView 数据行实现光棒效果

最新推荐文章于 2021-09-23 23:05:35 发布

原创最新推荐文章于 2021-09-23 23:05:35 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

技术专栏收录该内容

72 篇文章

订阅专栏

本文介绍如何在ASP.NET中使用GridView控件，并通过RowDataBound事件来设置不同类型的行背景颜色，实现奇偶行颜色交替显示及鼠标悬停效果。

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

protected void Page_Load(object sender, EventArgs e)

{
if (!IsPostBack)
ViewState["LineNo"] = 0; //0为奇数行，1为偶数行

}

}

//数据行建立事件
protected void gviewEmployees_RowDataBound(object sender, GridViewRowEventArgs e)
{
        switch (e.Row.RowType)
            case DataControlRowType.Header:
                e.Row.BackColor = Color.FromArgb(153, 0, 0);
                e.Row.ForeColor = Color.White;
                break;
            case DataControlRowType.DataRow:
                //建立奇数行与偶数行的onmouseover及onmouseout的颜色变换
                if (Convert.ToInt16(ViewState["LineNo"]) == 0)
                {
                    e.Row.BackColor = Color.FromArgb(255, 251, 214);
                    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFBD6';this.style.color='black'");
                    e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#c0c0ff;this.style.color='#ffffff'");

                    ViewState["LineNo"] = 1;   //偶数行
                }
                else
                {
                    e.Row.BackColor = Color.White;
                    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#ffffff;this.style.color='black'");
                    e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#c0c0ff';this.style.color='#ffffff'");

                    ViewState["LineNo"] = 0;    //奇数行                }
                break;
        }
}