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 ...
随机推荐
- Project Server 2016 RestAPI调用测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...
- linux命令-zip压缩unzip解压缩
和windows的zip的压缩文件是通用的 可以解压缩 压缩文件 /////////////////////////////////////////////////////////// [root@ ...
- hive sql 查询 Child Error 错误追究
Diagnostic Messages for this Task: java.lang.Throwable: Child Error at org.apache.hadoop.map ...
- Ubuntu 使用 heirloom-mail 调用外部邮箱 SMTP 服务器发送邮件
使用本地服务发邮件,经常被过滤掉而且占用资源,发送成功率不高.所以使用外部SMTP服务器发送邮件成为了需求. SMTP认证的目的是为了使用户避免受到垃圾邮件的侵扰,简单地说就是要求必须在提供了账户名和 ...
- 17、GATK使用简介 Part2/2
转载:http://blog.sina.com.cn/s/blog_6721167201018jik.html Change Logs: 13/01/12: 增加了一篇文献,外加一些无聊的修改.12/ ...
- JS中双击和单击事件冲突解决
在JS中代码中同一功能块中通常同时会用到单击.双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件.此类冲突在ZTree.DHTMLX中经常遇到. 想要解决两 ...
- Session和cookie有什么区别？
cookie是保存在客户端的信息,它只能保存String类型的,没有session安全,如果客户端禁用了cookie就不能够使用了 Cookie是客户端技术,程序把每个用户的数据以cookie的形式写 ...
- C++内存管理之unique_ptr
一个unique_ptr"拥有“他所指向的对象.与shared_ptr不同,某个时刻只能有一个unique_ptr指向一个给定的对象.当unique_ptr被销毁时,它所指向的对象也被销毁. ...
- .NET Core 3.0 可回收程序集加载上下文
一.前世今生 .NET诞生以来,程序集的动态加载和卸载都是一个Hack的技术,之前的NetFx都是使用AppDomain的方式去加载程序集,然而AppDomain并没有提供直接卸载一个程序集的API, ...
- lj的锁
lj的锁 Lj花很大力气设计了一个锁,有一天,lj用这个锁把lbn锁在了一个小房间里,准备把lbn啊掉,现在lbn要逃出这个房间,他需要解开这个锁.在平面上有n个钉子,第i个钉子的位置是(x[i],0 ...