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

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

46539492

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

阅读量3.3k

点赞数

分类专栏： asp.net组件设计学习笔记文章标签： asp server null div system class

本文链接：https://blog.csdn.net/46539492/article/details/2177380

版权

asp.net组件设计学习笔记专栏收录该内容

22 篇文章 0 订阅

订阅专栏

继承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 " >

< html xmlns = " http://www.w3.org/1999/xhtml " >
< head runat = " server " >
     < title > 无标题页 </ title >
</ head >
< body >
     < form id = " form1 " runat = " server " >
     < div >
         & nbsp;
         < cc1:MyGridView ID = " GridView1 " runat = " server "   AllowPaging = " false " AutoGenerateColumns = " False " CellPadding = " 4 " ForeColor = " #333333 " GridLines = " None " PagerSettings - Visible = " false "
                    Width = " 100% " height = " 35 " ClickBackGroundColor = " #ffccff " ClickFontColor = " #ffffff " >
          < FooterStyle BackColor = " #507CD1 " Font - Bold = " True " ForeColor = " White " />
                     < RowStyle BackColor = " #EFF3FB " />
                     < EditRowStyle BackColor = " #2461BF " />
                     < SelectedRowStyle BackColor = " #D1DDF1 " Font - Bold = " True " ForeColor = " #333333 " />
                     < PagerStyle ForeColor = " White " VerticalAlign = " Top " BackColor = " Transparent "    />
                     < HeaderStyle BackColor = " #507CD1 " Font - Bold = " True " ForeColor = " White " />
                     < AlternatingRowStyle BackColor = " White " />
                     < Columns >
                         < asp:TemplateField HeaderText = " 序号 " >
                             < ItemTemplate >
                                 <% # Container.DataItemIndex + 1 %>
                             </ ItemTemplate >
                         </ asp:TemplateField >
                         < asp:BoundField DataField = " I_BriefnessID " HeaderText = " ID " />
                         < asp:BoundField DataField = " I_KMID " HeaderText = " 科目 " />
                         < asp:BoundField DataField = " C_Recno " HeaderText = " 试题号 " />
                         < asp:BoundField DataField = " M_Title " HeaderText = " 题面 " />
                         < asp:BoundField DataField = " C_Answer " HeaderText = " 答案 " />

                     </ Columns >
         </ cc1:MyGridView >
     </ div >
     < div >
         < uc1:AspNetPager ID = " AspNetPager1 " runat = " server " />
         </ div >
     </ form >
</ body >
</ html >

下面运行后的效果：