MvcPager.dll使用实现无刷新分页以及MvcPager的Nuget程序包实现刷新分页
无刷新分页：
1.引入JQuery的NuGet程序包
2.引入
程序包
3.引入MvcPager.dll ,MvcPager.dll文件下载链接http://pan.baidu.com/s/1hsvBYcc 密码：baws
4.引入MvcPager.js 和MvcPager.min.js 文件下载链接（同上3所示）
5.代码编写
Controller：
public class HomeController : Controller
{
//
// GET: /Home/
int pageSize = ;
[HttpGet]
public ActionResult Index(int pageIndex = )
{
var list = PrepareUserList(); //list为取到的所有数据
PagedList<User> p_list = list.ToPagedList(pageIndex, pageSize);
if (Request.IsAjaxRequest()) //判断请求是否为Ajax请求
{
return PartialView("ShowPart", p_list);
}
return View(p_list);
}
[HttpPost]
public ActionResult Index(string keyword,int pageIndex = )
{
var list = PrepareUserList();
PagedList<User> p_list = list.ToPagedList(pageIndex, pageSize);
if (Request.IsAjaxRequest())
{
p_list = string.IsNullOrEmpty(keyword) ? p_list : list.Where(p=>p.Name.Contains(keyword)).ToPagedList(pageIndex, pageSize);
return PartialView("ShowPart",p_list);
}
return View(p_list);
} //此类是为了制造数据，方便可以不用从数据库调数据也能运行程序，若从数据库取数据则不需要此类
public List<User> PrepareUserList()
{
List<User> list = new List<User>();
User u1 = new User() { Id = , Address = "sda", Name = "das" };
User u11 = new User() { Id = , Address = "a", Name = "gffs" };
User u12 = new User() { Id = , Address = "b", Name = "dfts" };
User u13 = new User() { Id = , Address = "c", Name = "dfg" };
User u14 = new User() { Id = , Address = "sda", Name = "vb" };
User u15 = new User() { Id = , Address = "sa", Name = "hj" };
User u16 = new User() { Id = , Address = "eda", Name = "ui" };
User u10 = new User() { Id = , Address = "sda", Name = "we" };
User u110 = new User() { Id = , Address = "a", Name = "rf" };
User u120 = new User() { Id = , Address = "b", Name = "hy" };
User u130 = new User() { Id = , Address = "c", Name = "jy" };
User u140 = new User() { Id = , Address = "sda", Name = "nm" };
User u150 = new User() { Id = , Address = "sa", Name = "qr" };
User u160 = new User() { Id = , Address = "eda", Name = "ts" };
list.Add(u1);
list.Add(u11);
list.Add(u12);
list.Add(u13);
list.Add(u14);
list.Add(u15);
list.Add(u16);
list.Add(u10);
list.Add(u110);
list.Add(u120);
list.Add(u130);
list.Add(u140);
list.Add(u150);
list.Add(u160);
return list;
}
}
HomeController.cs
Index视图：
@{
Layout = null;
}
@using Webdiyer.WebControls.Mvc;
@model PagedList<N_Refresh.Models.User>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="~/Scripts/MvcPager.js"></script>
/*注意：这三个script文件是必须引用的文件，否则不能实现无刷新分页，Ajax请求过不去*/
</head>
<body>
<div>
@using (Ajax.BeginForm("Index", "Home", new RouteValueDictionary { { "id", "" } },
new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "list", InsertionMode = InsertionMode.Replace }, new RouteValueDictionary { {"id","searchForm"} }))
{
<div class="row">
<span class="col-md-2">姓名：</span>
<input name="keyword" type="text" class="col-md-3" />
<input type="submit" class="btn btn-primary btn-sm input-inline" value="搜索" />
</div>
}
</div>
<div id="list">
@{
Html.RenderPartial("ShowPart", Model);
}
</div>
<!--ShowPart是分部视图的名称 -->
</body>
</html>
Index.cshtml
分部视图ShowPart.cshtml
@using Webdiyer.WebControls.Mvc;
@model PagedList<N_Refresh.Models.User> <table class="table table-bordered table-hover center-block top">
<tr>
<td>姓名</td>
<td>地址</td>
</tr>
@foreach (var item in Model)
{
<tr>
<td>@item.Name</td>
<td>@item.Address</td>
</tr>
}
</table>
<div>
<div style="float:left;width:50%;">当前页 @Model.CurrentPageIndex 共 @Model.TotalPageCount 页，共 @Model.TotalItemCount 条记录 </div>
@Ajax.Pager(Model, new PagerOptions
{
PageIndexParameterName = "pageIndex",
ActionName = "Index",
HtmlAttributes = new Dictionary<string, object> { { "style", "float:right" } },
ContainerTagName = "ul",
CssClass = "pagination",
CurrentPagerItemTemplate = "<li class=\"active \"><a href=\"javascript:void(0)\">{0}</a></li>",
DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
PagerItemTemplate = "<li>{0}</li>",
Id = "bootstrappager",
AutoHide = false,
FirstPageText = "首页",
NextPageText = "下一页",
PrevPageText = "上一页",
LastPageText = "末页"
},
new MvcAjaxOptions
{
UpdateTargetId = "list", //此为无刷新分页做准备，list为数据表格外层包围的div的id
HttpMethod = "Post",
DataFormId = "searchForm" //此为无刷新搜索做准备，searchForm为搜索的form的id
})
</div>
6.忘记说了，模型类User.cs
public class User
{
public int Id { get; set; }
public string Name { get; set; }
public string Address { get; set; }
}
6其实应该放在Controller之前，
至此，无刷新分页和搜索就完成了，
程序代码实现链接：http://pan.baidu.com/s/1eSh2VRW 密码：g1b1
欢迎大家进行批评指正
MvcPager.dll使用实现无刷新分页以及MvcPager的Nuget程序包实现刷新分页的更多相关文章
- MVC分页之MvcPager使用
最近刚刚接触MVC不久,因项目中要用到分页,网上找了下资料,最后采用了MvcPager(http://www.webdiyer.com/),支持同步和Ajax异步分页.废话不多说了直接上代码. 一.M ...
- iOS不得姐项目--推荐关注模块(一个控制器控制两个tableView),数据重复请求的问题,分页数据的加载,上拉下拉刷新(MJRefresh)
一.推荐关注模块(一个控制器控制两个tableView) -- 数据的显示 刚开始加载数据值得注意的有以下几点 导航控制器会自动调整scrollView的contentInset,最好是取消系统的设置 ...
- 微信小程序之下拉刷新，上拉更多列表实现
代码地址如下:http://www.demodashi.com/demo/11110.html 一.准备工作 首先需要下载小程序开发工具 官方下载地址: https://mp.weixin.qq.co ...
- python ImportError: DLL load failed: %1 不是有效的 Win32 应用程序
导入的时候报出了 ImportError 在windows上安装python 的模块后,导入模块时报 python ImportError: DLL load failed: %1 不是有效的 Win ...
- EF更新，数据库值变化，前台页面并不变化，刷新也不变化，重新运行程序则变化----开发中遇到的问题（已解决）
首先说一下我遇到这个情况的代码情景,首先上错误代码 UserInfo userInfo = Session["UserInfo"] as UserInfo; ); 这段代码所呈现的 ...
- 数据分页处理系列之二：HBase表数据分页处理
HBase是Hadoop大数据生态技术圈中的一项关键技术,是一种用于分布式存储大数据的列式数据库,关于HBase更加详细的介绍和技术细节,朋友们可以在网络上进行搜寻,笔者本人在接下来的日子里也会写 ...
- 如何快速开发树形列表和分页查询整合的WInform程序界面
我在做Winform界面的时候,一般都是统一化处理,界面顶部放置一些字段条件供查询,下面就是分页查询列表,展示相关的数据.但有时候碰到一些表字段内容分类比较多,有一些特别重要,如果放在一个树形列表来进 ...
- vs2012 编译运行报 项目程序包Dsp.Bds.dll还原失败,找不到版本xxxxxx的程序包问题的解决方法
原先vs2012程序运行项目是可以了,不会出现程序包Dsp.Bds.dll还原失败,找不到版本未2.0.1.0的程序包问题, 但是项目可以正常运行,每次调试看到下面一片红感觉不舒服 原因:可能当时我看 ...
- ImportError DLL load failed: %1 不是有效的 Win32 应用程序
操作系统:win7 64位,安装mysqldb 后提示:ImportError DLL load failed: %1 不是有效的 Win32 应用程序,是由于安装的32位的 MySQL-Python ...
随机推荐
- delphi 线程教学第三节：设计一个有生命力的工作线程
第三节:设计一个有生命力的工作线程 创建一个线程,用完即扔.相信很多初学者都曾这样使用过. 频繁创建释放线程,会浪费大量资源的,不科学. 1.如何让多线程能多次被复用? 关键是不让代码退出 ...
- MySQL的变量--系统变量、状态变量
MySQL的变量分为以下两种:1)系统变量:配置MySQL服务器的运行环境,可以用show variables查看2)状态变量:监控MySQL服务器的运行状态,可以用show status查看 一.系 ...
- 【机器学习】分类器组合——AdaBoost
AdaBoost是一种迭代算法,其核心思想是针对同一个训练集训练不同的分类器(弱分类器),然后把这些弱分类器集合起来,构成一个更强的最终分类器(强分类器). AdaBoost其实只是boost的一个特 ...
- Makefiles
A tutorial by example Compiling your source code files can be tedious, specially when you want to in ...
- 机器学习--近邻成分分析（NCA）算法 和 度量学习
1.近邻成分分析(NCA)算法 以上内容转载自:http://blog.csdn.net/chlele0105/article/details/13006443 2.度量学习 在机器学习中,对高维数据 ...
- Unity中限制轴向移动范围Mathf.Clamp
Mathf.Clamp 在游戏中,为了限制玩家的某一轴向的移动不超过一定的范围,可以用Mathf.Clamp来解决 Mathf.Clamp(float value,float min,float ...
- Maven核心知识
什么是Maven? Maven是基于项目对象模型(POM), 可以通过一小段描述信息来管理项目的构建和文档的软件项目管理工具 目录结构如下 src main java package test jav ...
- Codeforces Round #524 (Div. 2) D（思维，构造）
#include<bits/stdc++.h>using namespace std;long long dp[107];int main(){ int cnt=1; dp[1 ...
- centos lamp 配置
# 1. 查看是否有httpd进程正在运行(下图是有的情况) ps -ef|grep httpd
- OTRS 二次开发笔记
公司使用otrs系统处理业务工单,各种事件流.因为是开源免费系统,因此需要在上面做一些功能补充或定制的二次开发. otrs是什么? OTRS 是一个功能强大的工单系统.完美适用于服务台(Help De ...