博客
关于我
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/

你可能感兴趣的文章
Numpy 科学计算库详解
查看>>
Numpy.fft.fft和numpy.fft.fftfreq有什么不同
查看>>
Numpy.ndarray对象不可调用
查看>>
numpy、cv2等操作图片基本操作
查看>>
numpy判断对应位置是否相等,all、any的使用
查看>>
Numpy如何使用np.umprod重写range函数中i的python
查看>>
numpy数组替换其中的值(如1替换为255)
查看>>
numpy数组索引-ChatGPT4o作答
查看>>
numpy绘制热力图
查看>>
numpy转PIL 报错TypeError: Cannot handle this data type
查看>>
NutzCodeInsight 2.0.7 发布,为 nutz-sqltpl 提供友好的 ide 支持
查看>>
NutzWk 5.1.5 发布,Java 微服务分布式开发框架
查看>>
NUUO网络视频录像机 css_parser.php 任意文件读取漏洞复现
查看>>
NVelocity标签使用详解
查看>>
Nvidia Cudatoolkit 与 Conda Cudatoolkit
查看>>
NVIDIA-cuda-cudnn下载地址
查看>>
nvidia-htop 使用教程
查看>>
nvidia-smi 参数详解
查看>>
nyoj58 最少步数
查看>>
Vue.js 学习总结(14)—— Vue3 为什么推荐使用 ref 而不是 reactive
查看>>