View中加入引用:@using Webdiyer.WebControls.Mvc;

使用时代码:

<div id="Pagination">
@Html.Pager(Model.DataList, new PagerOptions
{
PageIndexParameterName = "PageIndex",
ShowPrevNext = true,
FirstPageText = "首页",
PrevPageText = "上一页",
NextPageText = "下一页",
LastPageText = "末页",
HorizontalAlign="right",
PagerItemTemplate=" {0}"
})
</div>

  

后台Controller:

public ActionResult NewsList(int tid = 1, int PageIndex = 1)
{
int PageSize = 10;
int RecordCount = db.ArticlesInfos.Count();
int PageCount = (RecordCount / PageSize) + (RecordCount % PageSize > 0 ? 1 : 0); ViewData["Tid"] = tid; PagedList<Models.ArticlesInfo> list = db.ArticlesInfos.OrderByDescending(c => c.ID).AsQueryable().ToPagedList(PageIndex, PageSize);
ViewModel.MVCPagerModel<Models.ArticlesInfo> model = new ViewModel.MVCPagerModel<Models.ArticlesInfo>();
model.PageCount = PageCount;
model.RecordCount = RecordCount;
model.PageSize = PageSize;
model.PageIndex = PageIndex;
model.DataList = list;
return View(model);
}

分页类:

public class VMNewsListPage<T>
{
public int PageIndex { get; set; }
public int PageCount { get; set; }
public int RecordCount { get; set; }
public int PageSize { get; set; }
public PagedList<T> ArticlesInfos { get; set; }
}

demo:

@{
ViewBag.Title = "NewsList";
Layout = "~/Views/Shared/_LayoutPageOne.cshtml"; } @model MvcApplication1.ViewModel.MVCPagerModel<MvcApplication1.Models.ArticlesInfo>
@using Webdiyer.WebControls.Mvc; @section header{ } <div class="pageban" style="background-image: url(/images/20141002091135849.jpg);"></div>
<div class="Contain">
<!--/*内容*/-->
<div class="Left">
<div class="Sidebar">
<div class="title">新闻动态</div>
<ul class="sub">
<li><a href="NewsList?tid=1&PageIndex=1" id="a_group_1" class="@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "aon" : "")">公司新闻</a></li>
<li><a href="NewsList?tid=2&PageIndex=1" id="a_group_2" class="@(Convert.ToInt32(ViewData["Tid"]) == 2 ? "aon" : "")">行业动态</a></li>
</ul>
@Html.Partial("UCLeftContact")
</div>
<!--/*正文*/-->
<div class="Main"> <div class="Current">
<em>
您在这里: <a href="Index">首页</a>
>
<a href="NewsList?tid=@ViewData["Tid"]&PageIndex=1" id="a_group_nav_1">新闻动态</a> > <a href="NewsList?tid=@ViewData["Tid"]&PageIndex=1" id="a_group_nav_2">@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "公司新闻" : "行业动态")</a> >
</em>
<b id="a_group_nav_3">@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "公司新闻" : "行业动态")</b>
</div>
<!--/*新闻列表*/-->
<dl class="Newlist"> @foreach (var item in Model.DataList)
{
<dd>
<div class="pic">
<a href="NewsDetail?id=@item.ID" target="_blank" title="@item.Title">
<img src="@item.Img" alt="@item.Title">
</a>
</div>
<div class="text">
<h1>
<span>@item.CreateDate.ToString("yyyy-MM-dd")</span>
<a href="NewsDetail?id=@item.ID" target="_blank" style="">@item.Title</a>
</h1>
<p>@(Framework.Common.Utils.GetHtml(HttpUtility.HtmlDecode(item.Contents), 60))...</p>
<a href="NewsDetail?id=@item.ID" target="_blank" class="detail">详细>></a>
</div>
</dd>
} </dl>
<!--/*pages*/-->
<div id="Pagination">
@Html.Pager(Model.DataList, new PagerOptions
{
PageIndexParameterName = "PageIndex",
ShowPrevNext = true,
FirstPageText = "首页",
PrevPageText = "上一页",
NextPageText = "下一页",
LastPageText = "末页",
HorizontalAlign = "right",
PagerItemTemplate = " {0}"
})
</div>
<!--/*新闻列表end */-->
</div> <div class="clear"></div>
</div>
@Html.Partial("UCDetailsRight")
<div class="clear"></div>
<!--/*内容 end*/-->
</div>

  

Redis桌面管理器:http://redisdesktop.com/download

参考:http://www.webdiyer.com/mvcpager/

MVC Pager使用的更多相关文章

  1. MVC Pager 使用

    MVC Pager  4.0+     3.0版本使用  ,直接来点使用的.一看就明白 @Ajax.Pager(Model,pagerOptions,mvcAjaxOptions); @using W ...

  2. 转 ---- Asp.net mvc项目分页功能

    1.定义一个分页用的Page<T>类 1 /* 使用示例: 2 var pager = new Pager<Article>( 3 this.ControllerContext ...

  3. Asp.net mvc项目分页功能

    1.定义一个分页用的Page<T>类 /* 使用示例: var pager = new Pager<Article>( this.ControllerContext, //上下 ...

  4. Lind.DDD.Paging分页模块介绍

    回到目录 分页组件网上有很多,MVC.Pager,JSPager等,通过实现方式大体分为前端分页和后端分页,前端分页是前台对list内存本地集合进行分页,缺点就是在大数据情况下,内存占用过高:后端分页 ...

  5. MVC如何使用开源分页插件shenniu.pager.js

    最近比较忙,前期忙公司手机端接口项目,各种开发+调试+发布现在几乎上线无问题了:虽然公司项目忙不过在期间抽空做了两件个人觉得有意义的事情,一者使用aspnetcore开发了个人线上项目(要说线上其实只 ...

  6. 自己写的一个Pager分页组件,WebForm,Mvc都适用

    我一说写这个功能的时候,好多人估计有疑问.分页功能网上多的是,搜一个不就行了,你这样不是浪费时间么.你说这句话的时候,我是比较信的,首先自己写一些东西是很耗时,有这些时间又能多打几盘LOL了.但是我觉 ...

  7. asp.net mvc 自定义pager封装与优化

    asp.net mvc 自定义pager封装与优化 Intro 之前做了一个通用的分页组件,但是有些不足,从翻页事件和分页样式都融合在后台代码中,到翻页事件可以自定义,再到翻页和样式都和代码分离, 自 ...

  8. asp.net mvc 简易通用自定义Pager实现分页

    asp.net mvc 自定义Pager实现分页 Intro 一个WEB应用程序中经常会用到数据分页,本文将实现一个简单通用的分页组件,包含一个 PagerModel (用来保存页码信息),一个 Ht ...

  9. asp.net mvc 的几种分页Pager

    第一种 /// <summary> /// 分页Pager显示 /// </summary> /// <param name="html">&l ...

随机推荐

  1. kotlin与fastjson的异常

    出现这个原因是因为kotlin的非空特性. 如果一个类中声明了一个字段(kotlin的特性,该字段默认是非空的), 使用fastjson进行转化的时候,如果json数据中没有该字段的数据,则会出现转换 ...

  2. linux性能监控——CPU、Memory、IO、Network

    一.CPU 1.良好状态指标 CPU利用率:User Time <= 70%,System Time <= 35%,User Time + System Time <= 70%. 上 ...

  3. 嵌入式设备snmpd 移植和测试(78K为例)

    一.源码目录项内容 agent:编译snmpd程序所需的文件,mibs源文件: apps:其他相关的程序:snmpwalk,snmptrap,snmptest,snmpget,snmpset: mib ...

  4. Appium ios新的定位方式FindsByIosNSPredicate (没有试 先记录在这里) 有个 driver.find_element_by_ios_uiautomation() 研究下 ios的定位

    这个定位方式需要用java-client -5.0.版本,4.x的版本没有这个定位方式 //输入账号和密码 driver.findElementByIosNsPredicate("value ...

  5. 020:Buffer Pool 、压缩页、CheckPoint、Double Write、Change Buffer

    一. 缓冲池(Buffer Pool) 1.1 缓冲池介绍 每次读写数据都是通过 Buffer Pool : 当Buffer Pool 中没有用户所需要的数据时,才去硬盘中获取: 通过 innodb_ ...

  6. Linux学习笔记 - Shell 输出命令

    1. echo 命令 echo 是基本的shell输出命令,她的语法是: echo string 我们也可以使用她来定制一些输出的格式,具体如下: 输出普通字符串 echo "it is a ...

  7. docker 学习(十一) 镜像常用命令

    1 创建账户,创建仓库   首先在dockerhub上有自己的账户,然后创建一个repository(如上图), 然后创建一个名字为robinfei/consumer的仓库. 2  本地镜像打标签(比 ...

  8. node+express+ejs搭建一个简单的"页面"

    1.建立工程文件夹my_ejs. 2.首先利用npm install express和npm install ejs 下载这两个家伙.至于要不要设置成全局的,看习惯,我习惯性的下载到本项目中的文件夹中 ...

  9. [linux] ping服务器脚本

    #!/bin/bash IP=1.2.3.4 while true; do echo "**********************************************" ...

  10. thymeleaf switch在表格中的使用,遇到的空行问题

    switch在表格中的使用时 如果把<td>写在<div th:switch="${data.isShow}"> 里面导致外面出现很多空的<div&g ...