[Asp.net]AspNetPager分页组件

引言

在基于Asp.net的内网系统中,分页功能是最常用的,用的最多的组件就是AspNetPager。

AspNetPager

官网:http://www.webdiyer.com/aspnetpager/

官网也提供了存储过程的生成工具,这里还是自己动手写吧,顺便在学习一下存储过程的语法:

[Asp.net]AspNetPager分页组件
 1 CREATE PROC Paged
 2 @pageIndex INT,
 3 @pageCount INT OUTPUT,
 4 @pageSize INT 
 5 AS
 6 DECLARE @count INT
 7 SELECT @count= COUNT(*) FROM dbo.Student
 8 SET @pageCount=CEILING(@count*1.0/@pageSize)
 9 SELECT 
10 * 
11 FROM 
12 (SELECT ROW_NUMBER() OVER(ORDER BY dbo.Student.stuId) AS tempId,* FROM dbo.Student) AS stu
13 WHERE tempId >=@pageSize*(@pageIndex-1)+1 AND tempId <=@pageIndex*@pageSize
[Asp.net]AspNetPager分页组件

在页面中引入组件:

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

分页样式一: 首页 上一页 下一页 尾页

[Asp.net]AspNetPager分页组件
 1  <webdiyer:AspNetPager ID="AspNetPager1" runat="server"
 2                 CustomInfoHTML="共%PageCount%页,当前为第%CurrentPageIndex%页,每页%PageSize%条,共%RecordCount%条"
 3                 FirstPageText="首页" 
 4                 LastPageText="尾页" 
 5                 NextPageText="下一页"
 6                 PageIndexBoxType="TextBox"
 7                 PrevPageText="上一页" 
 8                 ShowCustomInfoSection="Left"
 9                 ShowPageIndex="False" 
10                 ShowPageIndexBox="Always" 
11                 SubmitButtonText="Go" 
12                 SubmitButtonClass="right_d_btn"
13                 TextAfterPageIndexBox="页" 
14                 TextBeforePageIndexBox="转到"
15                 OnPageChanging="AspNetPager1_PageChanging" 
16                 AlwaysShow="True" 
17                 PageSize="10" 
18                 ShowMoreButtons="false" 
19                 HorizontalAlign="Center">
20             </webdiyer:AspNetPager>
[Asp.net]AspNetPager分页组件

属性介绍:http://www.webdiyer.com/aspnetpagerdocs/

后台代码:

[Asp.net]AspNetPager分页组件
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 namespace Wolfy.AspNetPagerDemo
 9 {
10     public partial class Default : System.Web.UI.Page
11     {
12         protected void Page_Load(object sender, EventArgs e)
13         {
14             InitGridView();
15         }
16 
17         protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e)
18         {
19             this.AspNetPager1.CurrentPageIndex = e.NewPageIndex;
20             InitGridView();
21         }
22         private void InitGridView()
23         {
24             int count;
25             int pageCount;
26             gridStudent.DataSource = new BLL.StudentBLL().GetStudents(this.AspNetPager1.CurrentPageIndex, AspNetPager1.PageSize, out pageCount, out count);
27             gridStudent.DataBind();
28             //赋值分页控件的总数
29             AspNetPager1.RecordCount = count;
30         }
31     }
32 }
View Code

效果:

[Asp.net]AspNetPager分页组件

效果二:页面导航 默认方式

[Asp.net]AspNetPager分页组件
 1  <form id="form1" runat="server">
 2          <asp:gridview runat="server" ID="gridStudent"></asp:gridview>
 3     <div>
 4             <%-- 分页样式二 默认方式 1 2 3 4 5 6 7...--%>
 5            
 6             <webdiyer:AspNetPager ID="AspNetPager1" runat="server" PageSize="5"
 7                 OnPageChanging="AspNetPager1_PageChanging">
 8             </webdiyer:AspNetPager>
 9         </div>
10     </form>
[Asp.net]AspNetPager分页组件

效果:

[Asp.net]AspNetPager分页组件

总结

弄了两个较常用的样式,东西比较基础。纯粹娱乐。

代码下载:链接:http://pan.baidu.com/s/1o6I2bpw 密码:7ije

[Asp.net]AspNetPager分页组件,布布扣,bubuko.com

[Asp.net]AspNetPager分页组件

上一篇:jQuery1.11源码分析(2)-----Sizzle源码中的正则表达式[原创]


下一篇:一天一小段js代码(no.2)