Asp.net 2.0 自定义控件开发[创建自定义HeaderRow的GridView控件][示例代码下载]

(一).概述

1. 做了个GridViewExtend自定义控件, 通过注册扩展自定义表头事件, 可以任意设置Header的格式.

2. 易重用代码, 只要将ExtendGridView.dll 文件添加到项目引用即可.

实现原理:增加一个自定义事件,并将GridView(HeaderRow)引用作为事件参数传递,使用时通
过注册此事件来自定义头的布局,可以任意定制HeaderRow行数.

(二). 运行截图

(三). 使用步骤

1. 将ExtendGridView.dll 添加到自己的Web站点中, 并在设计器中添加一个GridViewExpendHeader控件.

2. 注册事件, 如图

3. 在后台代码事件中编写重构GridView's HeaderRow的事件

(四). 完整代码

1. 主控件类GridViewExpend.cs代码

1 /// <summary>
2 /// Author:ChengKing(ZhengJian)
3 /// </summary>
4 [ToolboxData( " <{0}:GridViewExpendHeaderrunat=server></{0}:GridViewExpendHeader> " )]
5 public class GridViewExpendHeader:GridView
6 {
7 [Description( " 当需要重新构造Header时触发此事件 " )]
8 public event System.EventHandlerRebuildHeader;
9
10 protected override void Render(HtmlTextWriterwriter)
11 {
12 OnRebuildHeader();
13
14 base .Render(writer);
15 }
16 protected override void CreateChildControls()
17 {
18 base .CreateChildControls();
19 }
20
21 protected virtual void OnRebuildHeader()
22 {
23 // 重新构造Head
24 if (RebuildHeader != null )
25 {
26 RebuildHeaderEventArgsargs = new RebuildHeaderEventArgs();
27 args.GridViewObject = this ;
28 args.HeaderRowObject = this .HeaderRow;
29
30 RebuildHeader( this ,args);
31 }
32 }
33 }

2. RebuildHeaderEventArgs.cs 文件代码

1 /// <summary>
2 /// 承载重构Header事件所需的参数[Author:ChengKing(ZhengJian)]
3 /// </summary>
4 public class RebuildHeaderEventArgs:EventArgs
5 {
6 private GridViewExpendHeader_GridViewObject;
7 private GridViewRow_HeaderRowObject;
8
9 /// <summary>
10 /// 存储GrivViewExtend对象本身
11 /// </summary>
12 public GridViewExpendHeaderGridViewObject
13 {
14 get
15 {
16 return _GridViewObject;
17 }
18 set
19 {
20 _GridViewObject = value;
21 }
22 }
23
24 /// <summary>
25 /// 存储GrivViewExtend的HeaderRow对象
26 /// </summary>
27 public GridViewRowHeaderRowObject
28 {
29 get
30 {
31 return _HeaderRowObject;
32 }
33 set
34 {
35 _HeaderRowObject = value;
36 }
37 }
38 }

3. 页面测试文件: default.aspx文件代码

1 < body >
2 < formid = " form1 " runat = " server " >
3 < div class = " a " >
4 < cc1:GridViewExpendHeaderid = " GridViewExpend1 " runat = " server " BackColor = " White " BorderColor = " #3366CC " BorderStyle = " None " BorderWidth = " 1px " CellPadding = " 4 " OnRebuildHeader = " GridViewExpend1_RebuildHeader " >
5 < FooterStyleBackColor = " #99CCCC " ForeColor = " #003399 " />
6 < RowStyleBackColor = " White " ForeColor = " #003399 " />
7 < SelectedRowStyleBackColor = " #009999 " Font - Bold = " True " ForeColor = " #CCFF99 " />
8 < PagerStyleBackColor = " #99CCCC " ForeColor = " #003399 " HorizontalAlign = " Left " />
9 < HeaderStyleBackColor = " #003399 " Font - Bold = " True " ForeColor = " #CCCCFF " />
10 < AlternatingRowStyleBackColor = " Lavender " />
11 </ cc1:GridViewExpendHeader >
12
13 </ div >
14 </ form >
15 </ body >

4. 后台重构HeaderRow事件代码

1 /**/ ///<summary>
2///具体重写方法,此方法比较灵活,可以任意设置您需要创建的格式,比如更复杂的表格
3///另外,可以直接从第二个参数中取得控件对象引用
4///</summary>
5///<paramname="sender"></param>
6///<paramname="e"></param>

7 protected void GridViewExpend1_RebuildHeader( object sender,EventArgse)
8 {
9//取得参数e中包含的对象的引用
10GridViewExpendHeadercurrentGVE=((RebuildHeaderEventArgs)e).GridViewObject;//到操作当前GridView的对象引用
11GridViewRowcurrentHeaderRow=((RebuildHeaderEventArgs)e).HeaderRowObject;/**/////到操作当前GridView'sHeaderRow的对象引用
12
13
14//创建一个行并设置与GridViewExtend当前的头类型风格一致
15GridViewRowwillAddHeaderRow=newGridViewRow(0,0,DataControlRowType.Header,DataControlRowState.Normal);
16willAddHeaderRow.Font.Bold=true;
17willAddHeaderRow.BackColor=Color.FromName("#003399");
18willAddHeaderRow.ForeColor=Color.FromName("#CCCCFF");
19
20/**/////在当前HeaderRow上面再增加一行
21TableCellcell=newTableCell();
22cell.Text="Number";
23cell.HorizontalAlign=HorizontalAlign.Center;
24willAddHeaderRow.Cells.Add(cell);
25
26cell=newTableCell();
27cell.Text="Detail";
28cell.ColumnSpan=2;
29cell.HorizontalAlign=HorizontalAlign.Center;
30willAddHeaderRow.Cells.Add(cell);
31
32currentGVE.Controls[0].Controls.AddAt(0,willAddHeaderRow);
33}

(五). 示例代码下载

http://www.cnblogs.com/Files/MVP33650/ExtendGridViewHeader.rar

(六). 控件开发其它相关文章:

http://blog.csdn.net/ChengKing/category/288694.aspx

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值