博客
关于我
ASP.NET MVC分页实现
阅读量:485 次
发布时间:2019-03-06

本文共 2691 字,大约阅读时间需要 8 分钟。

PageInfo类与基于POST的分页实现

作为一名开发人员,我在ASP.NET MVC项目中遇到了分页控件的不足之处,决定自己实现一个分页局部视图,并结合PageInfo类来满足需求。以下是详细的实现方案。

PageInfo类

为了实现分页功能,首先创建了一个PageInfo类,该类 encapsulates 分页的相关信息,包括记录总数、每页记录数、当前页码以及总页数等属性。以下是类的详细定义:

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

namespace ROIS.Models{public class PageInfo{private int _RecordCount = 0;private int _PageSize = 10;private int _CurrentPageNo = 1;

public int RecordCount    {        get { return _RecordCount; }        set         {            if (value > 0)            {                _RecordCount = value;            }        }    }    public int PageSize    {        get { return _PageSize; }        set         {            if (value > 0)            {                _PageSize = value;            }        }    }    public int CurrentPageNo    {        get { return _CurrentPageNo; }        set         {            if (value > 0)            {                if (value > this.PageCount)                {                    _CurrentPageNo = this.PageCount;                }                else                {                    _CurrentPageNo = value;                }            }        }    }    public int PageCount    {        get         {            if (this.RecordCount <= 0)            {                return 1;            }            return (this.RecordCount / this.PageSize) + (this.RecordCount % this.PageSize > 0 ? 1 : 0);        }    }    public PageInfo()    {    }    public PageInfo(int recordCount, int currentPageNo, int pageSize = 10)    {        this.RecordCount = recordCount;        this.PageSize = pageSize;        this.CurrentPageNo = currentPageNo;    }    public bool IsFirstPage()    {        return this.CurrentPageNo <= 1;    }    public bool IsLastPage()    {        return this.CurrentPageNo >= this.PageCount;    }}

}

《Pager》局部视图

为实现灵活的分页功能,开发了一个基于JavaScript的局部视图控制器《Pager》,可以在任意页面位置使用。该视图控制器支持分页操作,并与PageInfo类进行数据交互。以下是视图控制器的实现代码:

@using ROIS.Models@model PageInfo

@if (Model != null && Model.RecordCount > 0){

第@(Model.CurrentPageNo)页 / 共@(Model.PageCount)页@if (Model.IsFirstPage()){
|<首  页
<上一页}else{
|<首  页
<上一页}@if (Model.IsLastPage()){
下一页>
末  页>|}else{
下一页>
末  页>|}转到:

}

使用方法

在后台Controller的Action中进行如下操作:

string pageNo = Request.Form["_pageno"];int iPageNo = 1;int.TryParse(pageNo, out iPageNo);PageInfo pageInfo = new PageInfo(5000, iPageNo, 20);ViewBag.PageInfo = pageInfo;

在前台VIEW页面中,使用以下代码:

@using (Html.BeginForm()){// 数据列表HTML代码@Html.Partial("_Pager", ViewBag.PageInfo as ROIS.Models.PageInfo)}

通过以上方案,可以在任何页面任意位置实现灵活的分页功能。该方案基于POST分页方式,确保所有操作都在FORM中进行。如果需要基于URL的分页实现,可以在未来进行扩展。

转载地址:http://otwdz.baihongyu.com/

你可能感兴趣的文章
npm和package.json那些不为常人所知的小秘密
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm如何清空缓存并重新打包?
查看>>
npm学习(十一)之package-lock.json
查看>>
npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
查看>>
npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
查看>>
npm安装教程
查看>>
npm报错Cannot find module ‘webpack‘ Require stack
查看>>
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错TypeError: this.getOptions is not a function
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>