欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-04-29 13:15:12
...
最近接触了一下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