- 时间:2020-03-12 07:13 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:ASP.NET同步分页MvcPager使用详解
最近接触了一下MvcPager,来做个笔记吧
其实,我喜欢前后端分离,分页这种东西前端负责的地方,后端不用顾问,这里的MvcPager有点让我想起服务器控件,毕竟用到了HtmlHelper。
但是挺方便的。。以前我们写分页,后端会封装一Page<T>类,现在我们可以用MvcPager给我们提供好的PageList<T>,功能有点类似,不过MvcPager的功能要强大。
[b]一、使用MvcPager这个控件,需要以下支持[/b]
1.后端MvcPager.dll引用:
[img]http://files.jb51.net/file_images/article/201611/201611301727281.png[/img]
2.前端需要Css:pagerstyles.css,以及其他主题样式 图片等(PS:我的Demo是用的bootstrap)Js:Jq,jquery.unobtrusive-ajax.min.js,MvcPager.js(PS:同步的分页不需要全部引用,异步的分页是需要引用的,这里我们暂时都先引用哈)
[img]http://files.jb51.net/file_images/article/201611/201611301727282.png[/img]
[b]二、利用MvcPager提供的方法ToPageList进行分页查询,取出数据,返回给前台进行展示 [/b]
[img]http://files.jb51.net/file_images/article/201611/201611301727293.png[/img]
这里返回PageList<UserInfo>对象给前台的强类型视图,注意这里的form的method=“get”,因为分页条的链接是基于url来进行访问后台的,搜索的参数都是通过url带过去的,如果变为post,那么搜索的功能将会失效。
[img]http://files.jb51.net/file_images/article/201611/201611301727294.png[/img]
[img]http://files.jb51.net/file_images/article/201611/201611301727295.png[/img]
主要是[b]这张图[/b],设置分页条的代码,这里用到了MvcPager的分页功能,是对HtmlHelper的扩展。
[img]http://files.jb51.net/file_images/article/201611/201611301727296.png[/img]
[b]三、效果图[/b]
[img]http://files.jb51.net/file_images/article/201611/201611301727297.png[/img]
[img]http://files.jb51.net/file_images/article/201611/201611301727298.png[/img]
更多精彩内容大家还可以参考[url=http://www.1sucai.cn/Special/149.htm]《ASP.NET分页功能操作》[/url]进行学习,希望大家喜欢。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。