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 ...
随机推荐
- linux普通用户home目录锁定
- Qt webview调用JavaScript 带参函数
void MainWindow::on_pushButtonShowMarker_clicked() { QString lat = "104.701681"; QString l ...
- 关于javaScript事件委托的那些事
今天是第一次写稿,还是有那么一丢丢小鸡冻...回归正题啦... 关于javaScript事件委托不得不说的那些事,为什么要使用事件委托? 我们可以这么说,假设老板要分配一项任务,首先要秘书叫A君来到办 ...
- Java学习路线-知乎
鼬自来晓 378 人赞同 可以从几方面来看Java:JVM Java JVM:内存结构和相关参数含义 · Issue #24 · pzxwhc/MineKnowContainer · GitHub J ...
- Convolutional Neural Networks 笔记
1 Foundations of Convolutional Neural Networks 1.1 cv问题 图像分类.目标检测.风格转换.但是高像素的图片会带来许多许多的特征. 1.2 边缘检测( ...
- 【问题】Expandable数据集的定义的正确方法，TabActivity弃用替代，Gallery替代,imageswitcher
Expandable 问题: http://www.cnblogs.com/xingyyy/p/3389611.html 扩展阅读:http://blog.csdn.net/lmj623565791/ ...
- R语言中的字符处理
R语言中的字符处理 (2011-07-10 22:29:48) 转载▼ 标签: r语言 字符处理 字符串 连接 分割 分类: R R的字符串处理能力还是很强大的,具体有base包的几个函数和strin ...
- Entity Framework Code-First（9.3）：DataAnnotations - ConcurrencyCheck Attribute
ConcurrencyCheck Attribute: ConcurrencyCheck attribute can be applied to a property of a domain clas ...
- 6.7 安装ant
准备好安装包: 安装vim: 解压: tar -xzvf apahce-ant-1.10.1-bin.tar.gz 这里,我将apache-ant-1.10.1-bin.tar.gz复制并解压到了/h ...
- 反射实现增删改查（DAO层）——查询数据
先贴出代码,后续补充自己的思路.配置文件.使用方式: /** * * 数据查询 * */ @Override public List<?> queryObject(List<Map& ...