手把手教你如何扩展GridView之个性分页

谁践踏了优雅 2021-11-10 04:42 337阅读 0赞

最新重构源码下载： [打造0代码全自动GridView-天具神力][0_GridView-]  
整天面对GridView的分页，早就厌烦了，下面就谈下如何给GridView扩展出个性的分页来，首先看看运行效果图：  
![23fhs.JPG][]  
下面谈下重要的实现的思路的实现代码：  
实现思路和上文的Excel和Word导出是一样的，就是在GridView中添加行，首先声明以下控件，用于显示页次：第几页，共多少页，多少记录，首页，上一页，下一页，尾页

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 用于分页的控件   
![None.gif][] Label lblCurrentPage;  
![None.gif][] Label lblPageCount;  
![None.gif][] Label lblRowsCount;  
![None.gif][] LinkButton btnFirst;  
![None.gif][] LinkButton btnPrev;  
![None.gif][] LinkButton btnNext;  
![None.gif][] LinkButton btnLast;

在GridView的OnInit方法中，初始化这些控件

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 在控件的Oninit方法初始化分页控件   
![None.gif][]protectedoverridevoid OnInit(EventArgs e)  
![ExpandedBlockStart.gif][]![ContractedBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]this.EnableViewState =true;  
![InBlock.gif][]  
![InBlock.gif][] lblCurrentPage =new Label();  
![InBlock.gif][] lblCurrentPage.ForeColor = ColorTranslator.FromHtml("\#e78a29");  
![InBlock.gif][] lblCurrentPage.Text ="1";  
![InBlock.gif][]  
![InBlock.gif][] lblPageCount =new Label();  
![InBlock.gif][] lblPageCount.Text ="1";  
![InBlock.gif][]  
![InBlock.gif][]  
![InBlock.gif][] lblRowsCount =new Label();  
![InBlock.gif][] lblRowsCount.ForeColor = ColorTranslator.FromHtml("\#e78a29");  
![InBlock.gif][]  
![InBlock.gif][] btnFirst =new LinkButton();  
![InBlock.gif][] btnFirst.Text ="首页";  
![InBlock.gif][] btnFirst.Command \+=new CommandEventHandler(NavigateToPage);  
![InBlock.gif][] btnFirst.CommandName ="Pager";  
![InBlock.gif][] btnFirst.CommandArgument ="First";  
![InBlock.gif][]  
![InBlock.gif][] btnPrev =new LinkButton();  
![InBlock.gif][] btnPrev.Text ="上一页";  
![InBlock.gif][] btnPrev.Command \+=new CommandEventHandler(NavigateToPage);  
![InBlock.gif][] btnPrev.CommandName ="Pager";  
![InBlock.gif][] btnPrev.CommandArgument ="Prev";  
![InBlock.gif][]  
![InBlock.gif][] btnNext =new LinkButton();  
![InBlock.gif][] btnNext.Text ="下一页";  
![InBlock.gif][] btnNext.Command \+=new CommandEventHandler(NavigateToPage);  
![InBlock.gif][] btnNext.CommandName ="Pager";  
![InBlock.gif][] btnNext.CommandArgument ="Next";  
![InBlock.gif][]  
![InBlock.gif][] btnLast =new LinkButton();  
![InBlock.gif][] btnLast.Text ="尾页";  
![InBlock.gif][] btnLast.Command \+=new CommandEventHandler(NavigateToPage);  
![InBlock.gif][] btnLast.CommandName ="Pager";  
![InBlock.gif][] btnLast.CommandArgument ="Last";  
![InBlock.gif][]  
![InBlock.gif][]base.OnInit(e);  
![ExpandedBlockEnd.gif][] \}  
![None.gif][]

然后是关键部分的代码，就是将这些控件如何添加到GridView中，通过在创建子控件的方式，如下：

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 在创建子控件的方法中添加分页控件   
![None.gif][]protectedoverrideint CreateChildControls(System.Collections.IEnumerable dataSource, bool dataBinding)  
![ExpandedBlockStart.gif][]![ContractedBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]int res =base.CreateChildControls(dataSource, dataBinding);  
![InBlock.gif][]if (ShowToolBar)  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]try  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][] GridViewRow row =new GridViewRow(0, 0, DataControlRowType.Pager, DataControlRowState.Normal);  
![InBlock.gif][] TableCell c =new TableCell();  
![InBlock.gif][] c.Width = Unit.Percentage(100);  
![InBlock.gif][] c.ColumnSpan =this.Columns.Count;  
![InBlock.gif][] row.Cells.Add(c);  
![InBlock.gif][] TableCell cell1 =new TableCell();  
![InBlock.gif][] Table table =new Table();  
![InBlock.gif][] TableRow r =new TableRow();  
![InBlock.gif][] table.Rows.Add(r);  
![InBlock.gif][] table.Width = Unit.Percentage(100);  
![InBlock.gif][] c.Controls.Add(table);  
![InBlock.gif][] r.Cells.Add(cell1);  
![InBlock.gif][] Literal l1 =new Literal();  
![InBlock.gif][] l1.Text ="页次：";  
![InBlock.gif][] cell1.Controls.Add(l1);  
![InBlock.gif][] cell1.Wrap =false;  
![InBlock.gif][] cell1.Controls.Add(lblCurrentPage);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="页/";  
![InBlock.gif][] cell1.Controls.Add(l1);  
![InBlock.gif][] cell1.Controls.Add(lblPageCount);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="页，共";  
![InBlock.gif][] cell1.Controls.Add(l1);  
![InBlock.gif][] cell1.Controls.Add(lblRowsCount);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="条记录";  
![InBlock.gif][] cell1.HorizontalAlign = HorizontalAlign.Left;  
![InBlock.gif][] cell1.Controls.Add(l1);  
![InBlock.gif][] TableCell cell2 =new TableCell();  
![InBlock.gif][] cell2.HorizontalAlign = HorizontalAlign.Right;  
![InBlock.gif][] cell2.Wrap =false;  
![InBlock.gif][]  
![InBlock.gif][]  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text =" \[";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][] cell2.Controls.Add(btnFirst);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="\] ";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][]  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text =" \[";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][] cell2.Controls.Add(btnPrev);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="\] ";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][]  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text =" \[";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][] cell2.Controls.Add(btnNext);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="\] ";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][]  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text =" \[";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][] cell2.Controls.Add(btnLast);  
![InBlock.gif][] l1 =new Literal();  
![InBlock.gif][] l1.Text ="\] ";  
![InBlock.gif][] cell2.Controls.Add(l1);  
![InBlock.gif][] r.Cells.Add(cell2);  
![InBlock.gif][]this.Controls\[0\].Controls.AddAt(0, row);  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]catch  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![ExpandedSubBlockEnd.gif][] \}  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]return res;  
![ExpandedBlockEnd.gif][] \}

下面就是处理分页的事件，类似于RowCommand

![None.gif][]  public  void  NavigateToPage( object  sender, CommandEventArgs e)  
![ExpandedBlockStart.gif][]![ContractedBlock.gif][] ![dot.gif][] \{  
![InBlock.gif][] btnFirst.Enabled =true;  
![InBlock.gif][] btnPrev.Enabled =true;  
![InBlock.gif][] btnNext.Enabled =true;  
![InBlock.gif][] btnLast.Enabled =true;  
![InBlock.gif][]switch (e.CommandArgument.ToString())  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]case"Prev":  
![InBlock.gif][]if (this.PageIndex >0)  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]this.PageIndex \-=1;  
![InBlock.gif][]  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]break;  
![InBlock.gif][]case"Next":  
![InBlock.gif][]if (this.PageIndex < (this.PageCount \-1))  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][]this.PageIndex \+=1;  
![InBlock.gif][]  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]break;  
![InBlock.gif][]case"First":  
![InBlock.gif][]this.PageIndex =0;  
![InBlock.gif][]break;  
![InBlock.gif][]case"Last":  
![InBlock.gif][]this.PageIndex =this.PageCount \-1;  
![InBlock.gif][]break;  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]if (this.PageIndex ==0)  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][] btnFirst.Enabled =false;  
![InBlock.gif][] btnPrev.Enabled =false;  
![InBlock.gif][]if (this.PageCount ==1)  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][] btnLast.Enabled =false;  
![InBlock.gif][] btnNext.Enabled =false;  
![ExpandedSubBlockEnd.gif][] \}  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][]elseif (this.PageIndex ==this.PageCount \-1)  
![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
![InBlock.gif][] btnLast.Enabled =false;  
![InBlock.gif][] btnNext.Enabled =false;  
![ExpandedSubBlockEnd.gif][] \}  
![InBlock.gif][] OnBind();  
![ExpandedBlockEnd.gif][] \}

这样就轻而易举的实现了一个个性的分页，欢迎各位大虾拍砖。  
上篇文章地址：  
[手把手教你如何扩展GridView之自带Excel和Word导出][GridView_Excel_Word]  
[手把手教你如何扩展GridView之自带分页][GridView]  
[手把手教你如何扩展GridView之自带CheckBox][GridView_CheckBox]  
[手把手教你如何扩展GridView之自动排序篇][GridView 1]

转载于:https://www.cnblogs.com/jillzhang/archive/2007/06/12/779934.html

[0_GridView-]: http://www.cnblogs.com/jillzhang/archive/2007/10/14/923926.html
[23fhs.JPG]: /images/20211109/44deda73fe6b4eaf99db5b7c94408bca.png
[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211109/92a666973401400f86bd75f1bb4c35f1.png
[None.gif]: /images/20211109/2821dbc5164248bb81e692deed1b4ff4.png
[dot.gif]: /images/20211109/cdc1317f722b47139c4a2bab5055250e.png
[InBlock.gif]: /images/20211109/132e8828118d4de6b95e78b59c7ec126.png
[ExpandedBlockEnd.gif]: /images/20211109/9ceb368311854425841e3af1ed64a888.png
[ExpandedSubBlockStart.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif
[ContractedSubBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif
[ExpandedSubBlockEnd.gif]: /images/20211109/abd71f69f1c440eeb7cec20bb1440756.png
[GridView_Excel_Word]: http://www.cnblogs.com/jillzhang/archive/2007/06/10/778393.html
[GridView]: http://www.cnblogs.com/jillzhang/archive/2007/06/10/777987.html
[GridView_CheckBox]: http://www.cnblogs.com/jillzhang/archive/2007/06/07/775716.html
[GridView 1]: http://www.cnblogs.com/jillzhang/archive/2007/06/04/771139.html

发表评论取消回复

表情：

评论列表（有 0 条评论，337人围观）

还没有评论，来说两句吧...

相关阅读

相关手把手教你Linux 如何配置DNS

Linux 配置DNS 一、正向解析与反向解析实现通过DNS配置可以访问正反向解析百度和贴吧以及文库和知道IP地址和域名正向解析 <table> <tbody>

落日映苍穹つ/ 2023年06月25日 06:17/ 0 赞/ 13 阅读

相关手把手教你如何正确识别交易形态！

来源：汇商琅琊榜原文连接：[https://mp.weixin.qq.com/s/e\_yVurtj1T74vsi6F32UVw][https_mp.weixin.qq.

悠悠/ 2023年01月13日 05:43/ 0 赞/ 180 阅读

相关 GridView分页显示数据

在GridView上绑定了数据以后,要产生分页效果,首先要选中AllowPaging为true, 然后,写PageIndexChanging事件,在该事件中输入如下代码:

傷城~/ 2022年12月28日 12:33/ 0 赞/ 159 阅读

相关 iOS-手把手教你画分时线

本文来自简书，原文地址:[http://www.jianshu.com/p/7e8d3b845331][http_www.jianshu.com_p_7e8d3b845331

不念不忘少年蓝@/ 2022年06月14日 02:46/ 0 赞/ 342 阅读

相关手把手教你如何玩转面试

Spring的精华：[https://blog.csdn.net/cs\_hnu\_scw/article/details/78677502][https_blog.csdn.

墨蓝/ 2022年05月24日 12:41/ 0 赞/ 293 阅读

相关【Vue】手把手教你用vue.js实现一个分页组件

最近在用vue做博客，要实现一个文章的分页效果，做出来后，顺便记录一下实现的思路，先看一下效果： ![在这里插入图片描述][70] 第一页时，prev箭头不显

逃离我推掉我的手/ 2022年05月10日 02:22/ 0 赞/ 274 阅读

相关手把手教你怼一个operator扩展kubernetes的能力

> 作者：小碗汤，一位热爱、认真写作的小伙，目前维护原创公众号：『我的小碗汤』，专注于写golang、docker、kubernetes等知识等提升硬实力的文章，期待你的关注。

Dear 丶/ 2022年01月07日 06:13/ 0 赞/ 238 阅读

相关 GridView分页

俺比较菜...这个也不会....用博客记录下..以后方便查 ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 代码

╰+攻爆jí腚メ/ 2021年11月11日 15:14/ 0 赞/ 334 阅读

相关手把手教你如何扩展GridView之个性分页

最新重构源码下载： [打造0代码全自动GridView-天具神力][0_GridView-] 整天面对GridView的分页，早就厌烦了，下面就谈下如何给GridView扩

谁践踏了优雅/ 2021年11月10日 04:42/ 0 赞/ 338 阅读

相关手把手教你如何扩展GridView之自动排序篇

最新重构源码下载：[打造0代码全自动GridView-天具神力][0_GridView-] 看到这两天园子里面“强奸”GridView的兄弟们可

一时失言乱红尘/ 2021年09月30日 12:06/ 0 赞/ 307 阅读