最近接触了一下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. NDK开发_笔记0

    自谷歌搜索退出中国以来,谷歌对全球第二大市场中国的态度一直保持冷淡.可是北京时间12月8日,谷歌2016开发者大会在北京召开,同时专门针对中国的谷歌开发者网站已经上线:https://develope ...

  2. Oracle使用触发器和mysql中使用触发器的比较——学习笔记

    一.触发器 1.触发器在数据库里以独立的对象存储, 2.触发器不需要调用,它由一个事件来触发运行 3.触发器不能接收参数 --触发器的应用 举个例子:校内网.开心网.facebook,当你发一个日志, ...

  3. 怎样两个月完成Udacity Data Analyst Nanodegree

    在迷恋数据科学很久后,我决定要在MOOC网站上拿到一份Data Science的证书.美国三个MOOC网站,Udacity上的课程已经被分成了数个nanodegree,每个nanodegree都是目前 ...

  4. Ubuntu安装redis并配置远程、密码以及开启php扩展

    一.前言 redis是当前流行的nosql数据库,很多网站都用它来做缓存,今天我们来安装并配置下redis 二.安装并配置redis 1.安装redis sudo apt-get install re ...

  5. 整体二分QAQ

    POJ 2104 K-th Number 时空隧道 题意: 给出一个序列,每次查询区间第k小 分析: 整体二分入门题? 代码: #include<algorithm> #include&l ...

  6. [免费了] SailingEase .NET Resources Tool （.NET 多语言资源编辑器）

    这是我2010年左右,写 Winform IDE (http://www.cnblogs.com/sheng_chao/p/4387249.html)项目时延伸出的一个小项目. 最初是以共享软件的形式 ...

  7. 架构设计：一种远程调用服务的设计构思（zookeeper的一种应用实践）

    在深入学习zookeeper我想先给大家介绍一个和zookeeper相关的应用实例,我把这个实例命名为远程调用服务.通过对这种应用实例的描述,我们会对zookeeper应用场景会有深入的了解. 远程调 ...

  8. 死去活来，而不变质：Domain Model（领域模型） 和 EntityFramework 如何正确进行对象关系映射？

    写在前面 阅读目录: 设计误区 数据库已死 枚举映射 关联映射 后记 在上一篇<一缕阳光:DDD(领域驱动设计)应对具体业务场景,如何聚焦 Domain Model(领域模型)?>博文中, ...

  9. ABP(现代ASP.NET样板开发框架)系列之22、ABP展现层——导航栏设置

    点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之22.ABP展现层——导航栏设置 ABP是“ASP.NET Boilerplate Project (ASP.NE ...

  10. ABP框架 - 启动配置

    文档目录 本节内容: 配置ABP 替换内置服务 配置模块 为一个模块创建配置 ABP在启动时,提供基础框架和模型来配置和模块化. 置ABP 在预初始化事件中进行配置,示例: kid1412注:XmlL ...