ASP.NET同步分页MvcPager使用详解

时间:2022-09-14 12:17:36

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

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

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

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

1.后端MvcPager.dll引用:

ASP.NET同步分页MvcPager使用详解

2.前端需要Css:pagerstyles.css,以及其他主题样式 图片等(PS:我的Demo是用的bootstrap)Js:Jq,jquery.unobtrusive-ajax.min.js,MvcPager.js(PS:同步的分页不需要全部引用,异步的分页是需要引用的,这里我们暂时都先引用哈)

ASP.NET同步分页MvcPager使用详解

二、利用MvcPager提供的方法ToPageList进行分页查询,取出数据,返回给前台进行展示

ASP.NET同步分页MvcPager使用详解

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

ASP.NET同步分页MvcPager使用详解

ASP.NET同步分页MvcPager使用详解

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

ASP.NET同步分页MvcPager使用详解

三、效果图

ASP.NET同步分页MvcPager使用详解

ASP.NET同步分页MvcPager使用详解

 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。