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. 搭建基于hyperledger fabric的联盟社区(三) --生成公私钥证书及配置文件

    一.生成公私钥和证书 Fabric中有两种类型的公私钥和证书,一种是给节点之前通讯安全而准备的TLS证书,另一种是用户登录和权限控制的用户证书.这些证书本来应该是由CA来颁发,但是目前只有两个社区,所 ...

  2. 常见企业IT支撑【3、SVN代码版本控制系统】

    代码版本控制系统有人喜欢用SVN,有人喜欢用GIT     1.环境   os:centos7 apache:2.4.6 python:2.7  --自带 submin2:2.2.1   2.安装ap ...

  3. 解决Oracle的http://localhost:1158/em页面打不开的问题

    https://localhost:1158/em 无法显示页面,在网上查阅资料以后发现这个页面时由服务:OracleDBConsoleoracl控制的,所以到管理界面打开服务:OracleDBCon ...

  4. 【Leetcode 167】Two Sum II - Input array is sorted

    问题描述:给出一个升序排列好的整数数组,找出2个数,它们的和等于目标数.返回这两个数的下标(从1开始),其中第1个下标比第2个下标小. Input: numbers={2, 7, 11, 15}, t ...

  5. [Java.Web] Servlet 的一些细节

    本文来自 传智播客视频PPT 1. 由于客户端是通过 URL 地址访问 web 服务器中的资源,所以 Servlet 程序若想被外界访问,必须把 servlet 程序映射到一个 URL 地址上,这个工 ...

  6. PHP字符串中的变量解析

    定义字符串的时候,用单引号或者双引号都是可以的.我个人习惯是用双引号.在输出字符串的时候,若字符串中含有字符串变量,使用单引号和双引号则是有区别的.如下面程序: <?php $website = ...

  7. node的socket.io的广播消息

    在多个客户端与服务器端建立连接后,socket.io()服务器具有一个sockets属性,属性值为所有与客户端建立连接的socket对象.可以利用该对象的send方法或emit方法向所有客户端广播消息 ...

  8. 【BZOJ】4721: [Noip2016]蚯蚓 / 【洛谷】P2827 蚯蚓(单调队列)

    Description 本题中,我们将用符号[c]表示对c向下取整,例如:[3.0」= [3.1」=[3.9」=3.蛐蛐国最近蚯蚓成灾了!隔壁跳 蚤国的跳蚤也拿蚯蚓们没办法,蛐蛐国王只好去请神刀手来帮 ...

  9. PHP对全局变量_GET、_POST中特殊字符的过滤

     $sVariablesOrder = ini_get( 'variables_order' );      $request = array();      //过滤不安全数据   for ( $i ...

  10. HTTP接口开发专题一(四种常见的 POST 提交数据方式对应的content-type取值)

    application/x-www-form-urlencoded 这应该是最常见的 POST 提交数据的方式了.浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 app ...