[Asp.net]AspNetPager分页组件

引言

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

AspNetPager

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

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

CREATE PROC Paged
@pageIndex INT,
@pageCount INT OUTPUT,
@pageSize INT 
AS
DECLARE @count INT
SELECT @count= COUNT(*) FROM dbo.Student
SET @pageCount=CEILING(@count*1.0/@pageSize)
SELECT 
* 
FROM 
(SELECT ROW_NUMBER() OVER(ORDER BY dbo.Student.stuId) AS tempId,* FROM dbo.Student) AS stu
WHERE tempId >=@pageSize*(@pageIndex-1)+1 AND tempId <=@pageIndex*@pageSize

在页面中引入组件：

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

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

 <webdiyer:AspNetPager ID="AspNetPager1" runat="server"
                CustomInfoHTML="共%PageCount%页，当前为第%CurrentPageIndex%页，每页%PageSize%条,共%RecordCount%条"
                FirstPageText="首页" 
                LastPageText="尾页" 
                NextPageText="下一页"
                PageIndexBoxType="TextBox"
                PrevPageText="上一页" 
                ShowCustomInfoSection="Left"
                ShowPageIndex="False" 
                ShowPageIndexBox="Always" 
                SubmitButtonText="Go" 
                SubmitButtonClass="right_d_btn"
                TextAfterPageIndexBox="页" 
                TextBeforePageIndexBox="转到"
                OnPageChanging="AspNetPager1_PageChanging" 
                AlwaysShow="True" 
                PageSize="10" 
                ShowMoreButtons="false" 
                HorizontalAlign="Center">
            </webdiyer:AspNetPager>

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

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Wolfy.AspNetPagerDemo
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            InitGridView();
        }

        protected void AspNetPager1_PageChanging(object src, Wuqi.Webdiyer.PageChangingEventArgs e)
        {
            this.AspNetPager1.CurrentPageIndex = e.NewPageIndex;
            InitGridView();
        }
        private void InitGridView()
        {
            int count;
            int pageCount;
            gridStudent.DataSource = new BLL.StudentBLL().GetStudents(this.AspNetPager1.CurrentPageIndex, AspNetPager1.PageSize, out pageCount, out count);
            gridStudent.DataBind();
            //赋值分页控件的总数
            AspNetPager1.RecordCount = count;
        }
    }
}

效果：

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

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

效果：

总结

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

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