最近接触了一下MvcPager,昂。。。来做个笔记吧

其实，我喜欢前后端分离，分页这种东西前端负责的地方，后端不用顾问，这里的MvcPager有点让我想起服务器控件，毕竟用到了HtmlHelper。

但是挺方便的。。以前我们写分页，后端会封装一Page<T>类，现在我们可以用MvcPager给我们提供好的PageList<T>，功能有点类似，不过MvcPager的功能要强大

一、使用MvcPager这个控件，需要以下支持

1.后端MvcPager.dll引用:

2.前端需要
Css:pagerstyles.css,以及其他主题样式 图片等（PS:我的Demo是用的bootstrap）
Js:Jq,jquery.unobtrusive-ajax.min.js,MvcPager.js(PS:同步的分页不需要全部引用，异步的分页是需要引用的，这里我们暂时都先引用哈)
 
 二、利用MvcPager提供的方法ToPageList进行分页查询，取出数据，返回给前台进行展示

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.Mvc;

 using System.Web.Routing;

 using System.Web.UI.WebControls;

 using Controllers.Extend;

 using Model;

 using Webdiyer.WebControls.Mvc;

 namespace Controllers.Controllers

 {

     public class MvcPagerController : BaseController

     {

         public ActionResult Search(int pageIndex = , string loginName = null)

         {

             int pageSize = ;

             IQueryable<UserInfo> userInfoList = CurrentBllSession.UserInfoBll.GetIQueryable();

             if (!string.IsNullOrWhiteSpace(loginName))

             {

                 userInfoList = userInfoList.Where(a => a.LoginName.Contains(loginName));

             }

             PagedList<UserInfo> userInfoPagedList = userInfoList.OrderBy(a => a.AddTime).ToPagedList(pageIndex, pageSize);

             ViewData["loginName"] = loginName;

             return View("Index", userInfoPagedList);

         }

         public ActionResult Delete(int id,int pageIndex,string loginName)

         {

             CurrentBllSession.UserInfoBll.Delete(new UserInfo() {UserInfoId = id});

             return RedirectToAction("Search",new{ pageIndex=pageIndex,loginName=loginName});

         }

     }

 }
这里返回PageList<UserInfo>对象给前台的强类型视图，注意这里的form的method=“get”,因为分页条的链接是基于url来进行访问后台的，搜索的参数都是通过url带过去的，如果变为post，那么搜索的功能将会失效。
 
 
 @{

     Layout = null;

 }

 @using Model;

 @using Webdiyer.WebControls.Mvc

 @model PagedList<UserInfo>

 <!DOCTYPE html>

 <html>

 <head>

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

     <title>Index</title>

     <link href="~/Content/Scripts/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" />

     <link href="~/Content/Scripts/MvcPager/pagerstyles.css" rel="stylesheet" />

 </head>

 <body>

     @*查询*@

     <div style="width:260px;margin:0 auto;">

         <form id="searchForm" action="/MvcPager/Search" method="get">

             <span>用户名：</span>

             <input type="text" name="loginName" id="title" value="@Request.QueryString["loginName"]" style="width:120px" />

             <input type="submit" value="搜索" />

         </form>

     </div>

     <br/>

     @*列表-分页*@

     <div style="width:700px;margin:0 auto;">

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

             <tr>

                 <th>

                     用户名

                 </th>

                 <th>

                     密码

                 </th>

                 <th>

                     创建时间

                 </th>

                 <th>

                     操作

                 </th>

             </tr>

             @{

                 string loginName = (string)(ViewData["loginName"] ?? "");

                 for (int i = 0; i < Model.Count; i++)

                 {

                     <tr>

                         <td>

                             @Model[i].LoginName

                         </td>

                         <td>

                             @Model[i].LoginPassword

                         </td>

                         <td>

                             @Model[i].AddTime.ToString("yyyy-MM-dd")

                         </td>

                         <td>

                             <a href="/MvcPager/Delete/@Model[i].UserInfoId?pageIndex=@Model.CurrentPageIndex&loginName=@loginName">删除</a>

                         </td>

                     </tr>

                 }

             }

         </table>

         <div class="text-center">

             @Html.Pager(Model, new PagerOptions

             {

                 //ControllerName = "MvcPager",//默认的Controller和Action是由Url来决定，这里也可以手动更改

                 //ActionName = "Search",

                 PageIndexParameterName = "pageIndex",

                 ContainerTagName = "ul",

                 FirstPageText = "首页",

                 PrevPageText = "上一页",

                 NextPageText = "下一页",

                 LastPageText = "末页",

                 CssClass = "pagination",

                 PagerItemTemplate = "<li>{0}</li>",

                 CurrentPagerItemTemplate = "<li class='active'><a href='#'>{0}</a></li>",

                 DisabledPagerItemTemplate = "<li class='disabled'><a>{0}</a></li>",

                 Id = "bootstrappager",

             })

         </div>

     </div>

 </body>

 </html>

 <script src="~/Content/Scripts/jquery-2.0.3.min.js"></script>

 <script src="~/Content/Scripts/MvcPager/jquery.unobtrusive-ajax.min.js"></script>

 <script src="~/Content/Scripts/MvcPager/MvcPager.js"></script>

主要是这张图，设置分页条的代码，这里用到了MvcPager的分页功能,是对HtmlHelper的扩展

三、效果图

MvcPager使用的Demo（同步分页）的更多相关文章

  1. javascript同步分页

    目前网上分页的例子比较多,但是对其原理不是很了解,平时用的时候只是拿来调用,今天花了点时间,采用面向对象方式写了一个demo.对其方法做了封装,对外只提供一个调用接口. window.loadPage ...

  2. 【要什么自行车】ASP.NET MVC4笔记01：Asp.net MVC 分页，采用 MvcPager 和CYQ.Data来分页

    Control: ) { ; ; using (MAction action = new MAction("brain")) { MDataTable table = action ...

  3. MVC分页之MvcPager使用

    最近刚刚接触MVC不久,因项目中要用到分页,网上找了下资料,最后采用了MvcPager(http://www.webdiyer.com/),支持同步和Ajax异步分页.废话不多说了直接上代码. 一.M ...

  4. MvcPager分页控件以适用Bootstrap

    随笔- 9  文章- 0  评论- 33  修改MvcPager分页控件以适用Bootstrap 效果(含英文版,可下载)   软件开发分页效果必不可少,对于Asp.Net MVC 而言,MvcPag ...

  5. 修改MvcPager分页控件以适用Bootstrap 效果(含英文版,可下载)

    软件开发分页效果必不可少,对于Asp.Net MVC 而言,MvcPager 是个不错的选择.请访问http://www.webdiyer.com/mvcpager/ 由于自带的分页样式不能和项目整体 ...

  6. MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)

    该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...

  7. 5种风格的 jQuery 分页效果【附代码】

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...

  8. jQuery异步分页插件

    学校软件工程让写课程设计(其实就是自选语言做个项目),感觉都是重复的东西就没有很认真的去写内容,更加注意写一些之前没有用过的东西. 因为一直都使用TP框架来写PHP,TP又自带分页类,想到这里就想试试 ...

  9. 21个很棒的jQuery分页插件下载

    分页是指将一个大内容划分为各种不同的页面,因此网站的分页是一个很重要的部分,必须让内容有组织性和易于访问.分页有各两种不同的方式,手动跟自动.最受欢迎简单和广泛的方法是jQuery插件.下面我们收集了 ...

随机推荐

  1. （一）Spark简介-Java&Python版Spark

    Spark简介 视频教程: 1.优酷 2.YouTube 简介: Spark是加州大学伯克利分校AMP实验室,开发的通用内存并行计算框架.Spark在2013年6月进入Apache成为孵化项目,8个月 ...

  2. [AlwaysOn Availability Groups]健康模型 Part 1——概述

    健康模型概述 在成功部署AG之后,跟踪和维护健康状况是很重要的. 1.AG健康模型概述 AG的健康模型是基于策略管理(Policy Based Management PBM)的.如果不熟悉这个特性,可 ...

  3. SpringMvc中的数据校验

    SpringMvc中的数据校验 Hibernate校验框架中提供了很多注解的校验,如下: 注解 运行时检查 @AssertFalse 被注解的元素必须为false @AssertTrue 被注解的元素 ...

  4. 用Taurus.MVC 做个企业站（下）

    前言: 上一篇完成了首页,这一篇就把剩下的几个功能给作了吧. 包括文章列表.文章详情和产品展示. 1:文章列表: 原来的ArticleList.aspx 1:现在的articlelist.html 除 ...

  5. .NET面试题系列[2] - .NET框架基础知识(2)

    3 程序集 面试出现频率:虽然很重要但不怎么出现,可能会考你定义,以及程序集包括什么,然后自然的话题就跑到反射上去了. 重要程度:8/10,很重要 需要理解的程度:知道程序集包括IL和元数据.知道元数 ...

  6. Nginx学习笔记（二） Nginx--connection&request

    Nginx--connection&request 在Nginx中,主要包括了连接与处理两部分. connection 在src/core文件夹下包含有connection的源文件,Ngx_c ...

  7. 《Entity Framework 6 Recipes》中文翻译系列 目录篇 -持续更新

    为了方便大家的阅读和学习,也是响应网友的建议,在这里为这个系列做一个目录.在目录开始这前,我先来回答之前遇到的几个问题. 1.为什么要学习EF? 这个问题很简单,项目需要.这不像学校,没人强迫你学习! ...

  8. 未关闭InputStream 引起的血案

    下面的方法是从aws s3 读取文件对象下载到本地 public int downloadFile(HttpServletResponse httpResponse, String storePath ...

  9. tornado上手

    http://www.tornadoweb.org/en/stable/ http://www.cnblogs.com/fanweibin/p/5418697.html import tornado. ...

  10. Javascript的“上下文”(context)

    一:JavaScript中的“上下文“指的是什么 百科中这样定义: 上下文是从英文context翻译过来,指的是一种环境. 在软件工程中,上下文是一种属性的有序序列,它们为驻留在环境内的对象定义环境. ...