< 返回技术文档列表

ASP.NET中怎么利用MvcPager实现同步分页

发布时间:2021-09-01 03:39:32⊙投诉举报

这篇文章给大家介绍ASP.NET中怎么利用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实现同步分页

关于ASP.NET中怎么利用MvcPager实现同步分页就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


/template/Home/Zkeys/PC/Static