参考网站  http://www.webdiyer.com/mvcpager/demos/

这个插件非常简单易用，如果想快速使用 可以参考我这篇文章，其实参考网站也是非常简单的

首先选择你的web项目安装插件，在nuget里面直接安装，我这里的版本是 3.0

在这里我提供的是一个带搜索的分页

我现在控制器里写一个Search的Action，代码如下:





 public ActionResult Search(int id = , string kword = null)

         {

             //查询数据库

             using (var db = new ShortTraining.Model.ShortTrainDbContext())

             {

                 var query = db.ConsultationMsgModels.AsQueryable();

                 if (!string.IsNullOrWhiteSpace(kword))

                     query = query.Where(m => m.StudentName.Contains(kword));

                 //得到一个集合

                 var model = query.OrderByDescending(a => a.Id)//查询得到一个Iqueryable

                     .Select(m => new Model.ViewModels.ConsultationMsg()//将Iqueryable poco成为我们的视图模型

                 { Id = m.Id, StudentCollege = m.StudentCollege, StudentName = m.StudentName, StudentPhoneNo = m.StudentPhoneNo, StudentQQ = m.StudentQQ }).ToPagedList(id, );

                 return View(model);

             }

         }






这里面进行了一个POCO






然后我们要针对这个搜索页面创建一个视图 代码如下:






 @using Webdiyer.WebControls.Mvc;

 @model PagedList<ShortTraining.Model.ViewModels.ConsultationMsg>

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

 </head>

 <body>

     <div>

         @using (Html.BeginForm("Search", ViewContext.RouteData.GetRequiredString("Controller"), new RouteValueDictionary { { "id", "" } }, FormMethod.Get))

         {

             <div class="well well-sm">

                 <span>搜索关键字：</span><input type="text" name="kword" value="@Request.QueryString["kword"]" style="width:120px" /><input type="submit" value="搜索(S)" accesskey="S" />

                 <span>（请输入“吴起”或“吴起县”进行测试）</span>

             </div>

         }

         @Html.Partial("_ConsultationMsgTable", Model)

         @Html.Pager(Model).Options(o => o.SetPageIndexParameterName("id").SetPagerItemTemplate("{0}&nbsp;"))

     </div>

 </body>

 </html>






我在视图的第一行引用了  @using Webdiyer.WebControls.Mvc;  命名空间。


如果不使用这个命名空间，PagedList和@Html.Pager 都会报错的。


然后，我们要为这个视图创建一个Partal视图  _ConsultationMsgTable.cshtml 用来放置列表数据


代码如下:






 @using Webdiyer.WebControls.Mvc;

 @model PagedList<ShortTraining.Model.ViewModels.ConsultationMsg>

 <table class="table table-bordered table-striped">

     <tr>

         <th class="nowrap">序号</th>

         <th>

             @Html.DisplayNameFor(m=>m.StudentName)

         </th>

         <th>

             @Html.DisplayNameFor(model => model.StudentPhoneNo)

         </th>

         <th>

             @Html.DisplayNameFor(model => model.StudentQQ)

         </th>

         <th>

             @Html.DisplayNameFor(model => model.StudentCollege)

         </th>

     </tr>

     @{ int i = ;}

     @foreach (var item in Model)

     {

         <tr>

             <td>@(Model.StartItemIndex + i++)</td>

             <td>

                 @Html.DisplayFor(modelItem => item.StudentName)

             </td>

             <td>

                 @Html.DisplayFor(modelItem => item.StudentPhoneNo)

             </td>

             <td>

                 @Html.DisplayFor(modelItem => item.StudentQQ)

             </td>

             <td>

                 @Html.DisplayFor(modelItem => item.StudentCollege)

             </td>

         </tr>

     }

 </table>






以上是核心，下面我列出我的两个模型，这两个模型一个是我的entity model,一个是我的view model 解释我的POCO:


entity model




view model：




显示效果如下:


												


											
在MVC项目中分页使用MvcPager插件的更多相关文章
	

    
								
  1. 转 mvc项目中,解决引用jquery文件后智能提示失效的办法
		
    mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法   这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常 ...
    
		
    2. 
						
  2. 谈谈MVC项目中的缓存功能设计的相关问题
		
    本文收集一些关于项目中为什么需要使用缓存功能,以及怎么使用等,在实际开发中对缓存的设计的考虑 为什么需要讨论缓存呢? 缓存是一个中大型系统所必须考虑的问题.为了避免每次请求都去访问后台的资源(例如数据 ...
    
		
    3. 
						
  3. 在 ASP.NET MVC 项目中使用 WebForm、 HTML
		
    原文地址:http://www.cnblogs.com/snowdream/archive/2009/04/17/winforms-in-mvc.html ASP.NET MVC和WebForm各有各 ...
    
		
    4. 
						
  4. MVC项目中如何判断用户是在用什么设备进行访问
		
    使用UAParser在C#MVC项目中如何判断用户是在用什么设备进行访问(手机,平板还是普通的电脑) 现在我们开发的很多web应用都要支持手机等移动设备.为了让手机用户能有更加好的用户体验,我们经常为 ...
    
		
    5. 
						
  5. 在已有的Asp.net MVC项目中引入Taurus.MVC
		
    Taurus.MVC是一个优秀的框架,如果要应用到已有的Asp.net MVC项目中,需要修改一下. 1.前提约定: 走Taurus.MVC必须指定后缀.如.api 2.原项目修改如下: web.co ...
    
		
    6. 
						
  6. ASP.NET MVC项目中App_Code目录在程序应用
		
    学习ASP.NET MVC,如果你是开发ASP.NET MVC项目的,也许你去为项目添加前ASP.NET项目的APP_Code目录,在这里创建与添加的Class类,也许你无法在MVC项目所引用. 那这 ...
    
		
    7. 
						
  7. 如何在mvc项目中使用apiController
		
    文章地址:How do you route from an MVC project to an MVC ApiController in another project? 文章地址:How to Us ...
    
		
    8. 
						
  8. 在ASP.NET MVC项目中使用极验验证(geetest)
		
    时间 2016-03-02 18:22:37 smallerpig 原文  http://www.smallerpig.com/979.html 主题 ASP.NET MVC   geetest开发体 ...
    
		
    9. 
						
  9. MVC项目中的分页实现例子
		
    在开发项目中,写了一个分页实现的例子,现在把源代码贴上,以供以后写代码时参考 在列表的头部,有如下显示, 这个代表一个页面显示10条记录,总共22条记录. 这个是页面底部的显示 那么如何来显示这个分页 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js+html实现遮罩层效果（收藏哦）
			
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script ty ...
    
			
    2. 
						
  2. wireshark分析包中关于三次握手和四次终止标识
			
    转自: http://hi.baidu.com/hepeng597/item/5ba27e0b98bc8de3ff240de0 三次握手Three-way Handshake 一个虚拟连接的建立是通过 ...
    
			
    3. 
						
  3. 12.2 linux USB框架分析（详细注册match匹配过程）
			
     首先我们先来简单说一说USB的框架,之后在来具体分析源码,以便加深理解!其实USB的框架比较像“平台总线.设备.驱动”的框架,也分为总线.设备.驱动三大块.其中总线驱动是已经由内核完成的,一旦接入u ...
    
			
    4. 
						
  4. u8和unsigned char的区别
			
    
			
    5. 
						
  5. blob-照片转换与展示
			
    File转java.sql.Blob(照片)Struts2 public Blob photos(File zp) { Blob photo=null; try { FileInputStream f ...
    
			
    6. 
						
  6. mysql查询字段所在表
			
    use information_schema;select * from columns where column_name='字段名' ;
    
			
    7. 
						
  7. 探讨jsp相对路径和绝对路径
			
    原文链接:http://blog.csdn.net/qq_37936542/article/details/79076768 问题:当在jsp使用相对路径引入其他js文件的时候,通过浏览器访问该页面一 ...
    
			
    8. 
						
  8. Uncaught SyntaxError: Unexpected end of input 解决办法
			
    Unexpected end of input  的英文意思是"意外的终止输入" 他通常表示我们浏览器在读取我们的js代码时,碰到了不可预知的错误,导致浏览器 无语进行下面的读取  ...
    
			
    9. 
						
  9. [tmux] Manage terminal workspaces using session naming
			
    It's a lot easier to manage your tmux session when they have sensible names. We'll cover: How to cre ...
    
			
    10. 
						
  10. [NPM] Use package.json variables in npm scripts
			
    In this lesson we will show that you can leverage values that you already have provided in your pack ...
    
			
    11.