Maison  >  Article  >  développement back-end  >  ASP.NET同步分页MvcPager使用详解

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

高洛峰
高洛峰original
2016-12-10 09:11:571495parcourir

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

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

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

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

1.后端MvcPager.dll引用:

201611011003251.png

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

201611011003251.png

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

201611011003251.png

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

201611011003251.png

201611011003251.png

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

201611011003251.png

三、效果图

20161031140826605.jpg


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn