重写GridView实现单击行变色的效果

最新推荐文章于 2016-07-15 11:30:49 发布

转载最新推荐文章于 2016-07-15 11:30:49 发布 · 674 阅读

文章标签：

本文介绍了一种通过继承ASP.NET中的GridView控件来自定义点击行时背景色和字体颜色的方法，并提供了具体的实现代码及示例。

继承GridView控件加入ClickBackGroundColor和ClickFontColor属性，其中ClickBackGroundColor属性是设置单击当前行时的背景色，ClickFontColor是设置单击当前行时的字体颜色．默认单击行不变色，代码如下：

using System;

using System.Collections.Generic;

using System.Text;

using System.ComponentModel;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Drawing;

namespace MyLabel

{

public class MyGridView:GridView

{

public MyGridView()

{

}

[Browsable(true)]

[Category("Appearance")]

[Description("设置单击当前行时当前行的背景色")]

public virtual Color ClickBackGroundColor

{

get

{

return ViewState["ClickBackGroundColor"]!=null?(Color)ViewState["ClickBackGroundColor"]:Color.Empty;

}

set

{

ViewState["ClickBackGroundColor"] = value;

}

[Browsable(true)]

[Category("Appearance")]

[Description("设置单击当前行时当前行的字体背景色")]

public virtual Color ClickFontColor

{

get

{

return ViewState["ClickFontColor"] != null ? (Color)ViewState["ClickFontColor"] : Color.Empty;

}

set

{

ViewState["ClickFontColor"] = value;

}

protected override void OnRowDataBound(GridViewRowEventArgs e)

{

if (ClickBackGroundColor != null && ClickFontColor != null)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

if (e.Row.RowIndex != -1)

{

e.Row.Attributes["onclick"] = "if(window.oldtr!=null){window.oldtr.runtimeStyle.cssText= ' ';}this.runtimeStyle.cssText= 'background-color:" + ClickBackGroundColor.ToString() + ";color:" + ClickFontColor.ToString() + " ';window.oldtr=this ";

}

base.OnRowDataBound(e);

}

前台代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Demo.aspx.cs" Inherits="Demo" %>

<%@ Register Assembly="MyLabel" Namespace="MyLabel" TagPrefix="cc1" %>

<%@ Register Src="AspNetPager.ascx" TagName="AspNetPager" TagPrefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

<cc1:MyGridView ID="GridView1" runat="server" AllowPaging="false" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" PagerSettings-Visible="false"