.NET MVC 分页控件

11年刚接触.NET MVC的时候写过一个分页控件。后来实际应用又完善了下。分页样式参考的ASP.NET的
mvcpager
下载资源：
http://download.csdn.net/detail/kingson88/3485783
http://download.csdn.net/detail/kingson88/3485388
http://download.csdn.net/detail/kingson88/3547016

代码如下

1、创建分页类：

PageMvc

[Serializable]
    public class PageMvc
    {
        private int _currentPageIndex = 1;
        /// <summary>
        /// 当前页
        /// </summary>
        public int CurrentPageIndex
        {
            get
            {
                return _currentPageIndex > 0 ? _currentPageIndex : 1;
            }

            set
            {
                _currentPageIndex = value;
            }
        }

        /// <summary>
        /// 当前页
        /// </summary>
        public int page
        {
            get
            {
                return _currentPageIndex > 0 ? _currentPageIndex : 1;
            }

            set
            {
                _currentPageIndex = value;
            }
        }


        /// <summary>
        /// 当前页码CSS
        /// </summary>
        public string CurrentPageCss { get; set; }

        int _dispPageCount = 10;
        /// <summary>
        /// 条目显示的页数
        /// </summary>
        public int DispPageCount
        {
            get
            {
                return _dispPageCount;
            }
            set
            {
                _dispPageCount = value;
            }
        }

        int _pageSize = 20;
        /// <summary>
        /// 每页记录数 默认20条记录一页
        /// </summary>
        public int PageSize
        {
            get
            {
                return _pageSize;
            }
            set
            {
                _pageSize = value;
            }
        }
        public int TotalCount { get; set; }
        /// <summary>
        /// 获取总页数
        /// </summary>
        public int TotalPage
        {
            get
            {
                int pageCount = 0;
                if (PageSize > 0 && TotalCount > 0)
                {
                    pageCount = TotalCount / PageSize;
                    int count = TotalCount % PageSize;
                    if (count > 0)
                    {
                        pageCount = pageCount + 1;
                    }
                }
                return pageCount;
            }
        }
        public int PageFirst
        {
            get
            {
                int result = 1;
                //当前页大于要显示的页。起始页肯定不是第一页
                if (CurrentPageIndex > _dispPageCount)
                {
                    int num = (CurrentPageIndex % _dispPageCount);
                    if (num > 0)
                    {
                        result = ((CurrentPageIndex / _dispPageCount) * _dispPageCount) + 1;
                    }
                    else
                    {
                        result = (((CurrentPageIndex / _dispPageCount) - 1) * _dispPageCount) + 1;
                    }
                }
                return result;
            }

        }

        /// <summary>
        /// 默认开启Ajax分页
        /// </summary>
        private bool _isAjax = false;

        /// <summary>
        /// 是否Ajax分页
        /// </summary>
        public bool IsAjax
        {
            get { return _isAjax; }
            set { _isAjax = value; }
        }
        /// <summary>
        /// 当前页需要跳过的数据记录
        /// </summary>
        public int SkinCount
        {
            get
            {
                return  (CurrentPageIndex - 1) * PageSize;
            }
        }

        /// <summary>
        /// 下一页
        /// </summary>
        public int NextPage
        {
            get
            {
                if((CurrentPageIndex+1)>TotalPage)
                {
                    return TotalPage;
                }
                else
                {
                    return CurrentPageIndex + 1;
                }
            }
        }

        public int PrePage
        {
            get
            {
                if ((CurrentPageIndex - 1) < 1)
                {
                    return 1;
                }
                else
                {
                    return CurrentPageIndex - 1;
                }
            }
        }

    }




2、创建分页视图  Shared\Mvc3Page.cshtml

@model FinanceJob.ViewModel.Shared.PageMvc
@if (Model.TotalPage > 0 && Model.CurrentPageIndex <= Model.TotalPage)
{

<div id="mvcpager

">

        @if (Model.CurrentPageIndex > 1)
        {            
             <a  href="javascript:gotopage(1,@Model.TotalPage)" style="margin-right:10px;">首页</a>
             <a href="javascript:gotopage(@(Model.CurrentPageIndex - 1),@Model.TotalPage)" style="margin-right:10px;">前页</a>    
        }
        else
        {
             <a disabled="disabled" style="margin-right:10px;">首页</a>
             <a disabled="disabled" style="margin-right:10px;">前页</a>
        }
        @if (Model.PageFirst > 1)
        {
            <a   href="javascript:gotopage(@(Model.PageFirst - 1),@Model.TotalPage)" style="margin-right:10px;">.&nbsp;.</a>    
        }       
        <script type="text/javascript">
            var totalPage = 0;
            function gotopage(pageIndex, lastPage) {
                totalPage = lastPage;
                if (checkInput(lastPage)) {
                    document.getElementById('CurrentPageIndex').value = pageIndex;
                    document.getElementById('mvcpager_btn').click();
                }
            }
        </script>
            @if (Model.IsAjax)
            {
                <script type="text/javascript">
                    function checkInput(totalPage) {
                        totalPage = totalPage;
                        var pageIndexStr = document.getElementById('CurrentPageIndex').value;
                        if (pageIndexStr == "") {
                            alert('请输入页码');

                            document.getElementById('CurrentPageIndex').focus();
                            document.getElementById('CurrentPageIndex').select();
                            return false;
                        }
                        var pageIndex = parseInt(pageIndexStr);
                        var r = new RegExp("^\\s*(\\d+)\\s*$");
                        if (r.test(pageIndex)) {
                            if (RegExp.$1 < 1 || RegExp.$1 > totalPage) {
                                alert("页索引超出范围！");
                                document.getElementById('CurrentPageIndex').focus();
                                document.getElementById('CurrentPageIndex').select();
                                return false;
                            }
                            postAjaxPage(pageIndex);
                        }
                        alert("页索引不是有效的数值！");
                        document.getElementById('CurrentPageIndex').focus();
                        document.getElementById('CurrentPageIndex').select();
                        return false;
                    }
                    function postAjaxPage(pageIndex) {
                        var data = '&CurrentPageIndex=' + pageIndex;
                        //data=data + '&CurrentPageCss=' + document.getElementById('page.CurrentPageCss').value;     
                        data = data + '&DispPageCount=' + document.getElementById('page.DispPageCount').value;
                        data = data + '&PageSize=' + document.getElementById('page.PageSize').value;
                        getAjaxPageData(data);
                    }
                </script>
            }else
            {
                <script type="text/javascript">
                    function checkInput(totalPage) {
                        totalPage = totalPage;
                        var pageIndexStr = document.getElementById('CurrentPageIndex').value;
                        if (pageIndexStr == "") {
                            alert('请输入页码');

                            document.getElementById('CurrentPageIndex').focus();
                            document.getElementById('CurrentPageIndex').select();
                            return false;
                        }
                        var pageIndex = parseInt(pageIndexStr);
                        var r = new RegExp("^\\s*(\\d+)\\s*$");
                        if (r.test(pageIndex)) {
                            if (RegExp.$1 < 1 || RegExp.$1 > totalPage) {
                                alert("页索引超出范围！");
                                document.getElementById('CurrentPageIndex').focus();
                                document.getElementById('CurrentPageIndex').select();
                                return false;
                            }
                            return true;
                        }
                        alert("页索引不是有效的数值！");
                        document.getElementById('CurrentPageIndex').focus();
                        document.getElementById('CurrentPageIndex').select();
                        return false;
                    }
                </script>
            }

            @for (int i = 0; i < Model.DispPageCount; i++)
            {
                if ((Model.PageFirst + i) <= Model.TotalPage)
                {
                    if (Model.CurrentPageIndex == (Model.PageFirst + i))
                    {
                    <a    href="javascript:gotopage(@(Model.PageFirst + i),@Model.TotalPage)" style="margin-right:10px;color:#FF0000;">@(Model.PageFirst + i)</a> 
                    }
                    else
                    {
                         <a    href="javascript:gotopage(@(Model.PageFirst + i),@Model.TotalPage)" style="margin-right:10px;">@(Model.PageFirst + i)</a> 
                    }
                }
            }         
            @if ((Model.PageFirst + Model.DispPageCount) <= Model.TotalPage)
            {
                <a   href="javascript:gotopage(@(Model.PageFirst + Model.DispPageCount),@Model.TotalPage)" style="margin-right:10px;">.&nbsp;.</a>
            }
            @if (Model.CurrentPageIndex < Model.TotalPage)
            {
                <a href="javascript:gotopage(@(Model.CurrentPageIndex + 1),@Model.TotalPage)" style="margin-right:10px;">后页</a>
                <a href="javascript:gotopage(@Model.TotalPage,@Model.TotalPage)" style="margin-right:10px;">尾页</a>
            }
            else
            {
                 <a disabled="disabled" style="margin-right:10px;">后页</a>
                <a disabled="disabled" style="margin-right:10px;">尾页</a>
            }      
            <span>&nbsp;&nbsp;转到</span>
            <input type="text"  onclick="this.select()" value="@Model.CurrentPageIndex" name="CurrentPageIndex" id="CurrentPageIndex" style="width:30px;" /><span>页</span>
            <input type="submit" value="Go" name="mvcpager" id="mvcpager_btn" onclick="return checkInput(@Model.TotalPage)" />
       </div>
}

3、业务分页处理

视图VIEWMODEL

public class Seach:PageMvc
{
}

 /// <summary>
    /// 简历搜索
    /// </summary>
    /// <param name="model"></param>
    public void Seach(Seach model)
    {

        model.TotalCount = //数据库计算
    }

在业务视图里面追加

@Html.Partial(“~/Views/Shared/Page.cshtml”, Model)