ASP.NET MVC分页实现之改进版-增加同一个视图可设置多个分页

简介:

我之前就已经实现了ASP.NET MVC分页(查看该博文),但它有局限性,必须确保在同一个视图中只能有一处分页,若需要在同一个视图中设置多个分页,却无能为力,为此,我重新对原先的代码进行了优化,增加了更为灵活的配置属性及生成规则,解决了上述问题,代码如下:

一、PageInfo类


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
 
namespace ROIS.Models
{
    /// <summary>
    /// 分页信息
    /// </summary>
    public class PageInfo
    {
        private int _RecordCount = 0;
        private int _PageSize = 10;
        private int _CurrentPageNo = 1;
        private string _PageNoCtrlName = "_pageno";
        private bool _CreateScript = true;
        /// <summary>
        /// 获取或设置记录总数
        /// </summary>
        public int RecordCount
        {
            get
            {
                return _RecordCount;
            }
            set
            {
                if (value > 0)
                {
                    _RecordCount = value;
                }
            }
        }
 
        /// <summary>
        /// 获取或设置每页记录数
        /// </summary>
        public int PageSize
        {
            get
            {
                return _PageSize;
            }
            set
            {
                if (value > 0)
                {
                    _PageSize = value;
                }
            }
        }
 
        /// <summary>
        /// 获取或设置当前索引页码(从1开始计算)
        /// </summary>
        public int CurrentPageNo
        {
            get
            {
                return _CurrentPageNo;
            }
 
            set
            {
                if (value > 0)
                {
                    if (value > this.PageCount)
                    {
                        _CurrentPageNo = this.PageCount;
                    }
                    else
                    {
                        _CurrentPageNo = value;
                    }
                }
            }
        }
 
        /// <summary>
        /// 获取总页数
        /// </summary>
        public int PageCount
        {
            get
            {
                if (this.RecordCount <= 0)
                {
                    return 1;
                }
 
                return this.RecordCount / this.PageSize + (this.RecordCount % this.PageSize > 0 ? 1 : 0);
            }
        }
 
 
        /// <summary>
        /// 获取或设置保存页码的控件名称
        /// </summary>
        public string PageNoCtrlName
        {
            get
            {
                return _PageNoCtrlName;
            }
            set
            {
                if (!string.IsNullOrEmpty(value))
                {
                    _PageNoCtrlName = value;
                }
            }
        }
 
        /// <summary>
        /// 是否需要创建脚本函数
        /// </summary>
        public bool CreateScript
        {
            get { return _CreateScript; }
            set { _CreateScript = value; }
        }
 
        public PageInfo()
        { }
 
        public PageInfo(int recordCount, int currentPageNo, int pageSize = 10, string pageNoCtrlName = null, bool createScript = true)
        {
            this.RecordCount = recordCount;
            this.PageSize = pageSize;
            this.CurrentPageNo = currentPageNo;
            this.PageNoCtrlName = pageNoCtrlName;
            this.CreateScript = createScript;
        }
 
 
        /// <summary>
        /// 是否为首页
        /// </summary>
        /// <returns></returns>
        public bool IsFirstPage()
        {
            return (this.CurrentPageNo <= 1);
        }
 
 
        /// <summary>
        /// 是否为末页
        /// </summary>
        /// <returns></returns>
        public bool IsLastPage()
        {
            return (this.CurrentPageNo >= this.PageCount);
        }
 
    }
}

二、_Pager局部视图(建议放在Shared目录下)


@using ROIS.Models;
@model PageInfo
 
@if (Model!=null && Model.RecordCount > 0)
{           
<div class="pager">
    第@(Model.CurrentPageNo) 页&nbsp;/&nbsp;共@(@Model.PageCount)页,
@if (Model.IsFirstPage())
{
    <span>|&lt;首&nbsp;&nbsp;页</span>
    <span>&lt;上一页</span>
}
else
{
    <a href="javascript:turnPage(1,"@Model.PageNoCtrlName");">|&lt;首&nbsp;&nbsp;页</a>
    <a href="javascript:turnPage(@(Model.CurrentPageNo-1),"@Model.PageNoCtrlName");">&lt;上一页</a>
}
@if (Model.IsLastPage())
{
    <span>下一页&gt;</span>
    <span>末&nbsp;&nbsp;页&gt;|</span>
}
else
{
     <a href="javascript:turnPage(@(Model.CurrentPageNo+1),"@Model.PageNoCtrlName");">下一页&gt;</a>
     <a href="javascript:turnPage(@Model.PageCount,"@Model.PageNoCtrlName");">末&nbsp;&nbsp;页&gt;|</a>
}
转到:
<select id="pages" onchange="javascript:turnPage(this.value,"@Model.PageNoCtrlName");">
    @for (int i = 1; i <= Model.PageCount; i++)
    {
        if (Model.CurrentPageNo == i)
        {
        <option value="@i" selected="selected">第@(i)页</option>
        }
        else
        {
        <option value="@i">第@(i)页</option>
        }
    }
</select>
<input type="hidden" id="@Model.PageNoCtrlName" name="@Model.PageNoCtrlName" />
</div>
if(Model.CreateScript)
{
<script type="text/javascript">
<!--
    function turnPage(pageNo,ctrlId) {
 
        var oPageNo = document.getElementById(ctrlId);
        oPageNo.value = pageNo;
        oPageNo.form.submit();
    }
 
    function getForm(obj) {
        if (obj.parentNode.nodeName.toLowerCase() == "form") {
            return obj.parentNode;
        } else {
            getForm(obj.parentNode);
        }
    }
//-->
</script>
}
 
}

三、使用方法:后台Controller的Action中加入:

string pageNo = Request.Form["_pageno"];
                int iPageNo = 1;
                int.TryParse(pageNo, out iPageNo);
                PageInfo pageInfo = new PageInfo(detailList.Count(), iPageNo, 30, "_pageno", false);
ViewBag.PageInfo = pageInfo;
 
pageNo = Request.Form["_pageno2"];
                iPageNo = 1;
                int.TryParse(pageNo, out iPageNo);
                PageInfo pageInfo2 = new PageInfo(detailList2.Count(), iPageNo, 30, "_pageno2",true);
ViewBag.PageInfo2 = pageInfo2;

前台VIEW页面代码如下:(注: ROIS是我专案名称,依实际情况更换)

@Html.Partial("_Pager", ViewBag.PageInfo as ROIS.Models.PageInfo)
 
@Html.Partial("_Pager", ViewBag.PageInfo2 as ROIS.Models.PageInfo)
 
 

文章同步发表于我的个人网站:http://www.zuowenjun.cn/post/2014/10/23/65.html

本文转自 梦在旅途 博客园博客,原文链接:http://www.cnblogs.com/zuowj/p/4045445.html  ,如需转载请自行联系原作者

相关文章
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
46 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
74 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
55 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
4月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
142 0
|
7月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
211 0
|
7月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
83 0
|
7月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
362 5
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
173 0
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
185 0