本文摘自PHP中文网,作者零下一度,侵删。
这篇文章主要为大家详细介绍了MvcPager分页控件使用的注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下初学MVC,做了个单页面应用,需要显示多个分页,并无刷新更新。
找到了MvcPager控件,非常好用,在使用ajax过程中遇到很多问题。慢慢调试和杨老师(MvcPaegr作者)请教,总于都解决了。
首先NuGet包添加上。搜索MvcPager可以找到。
控制器端必须引用
using Webdiyer.WebControls.Mvc;
后端就不多记录了,看下官方Demo差不多都理解了,主要记录下前端。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <p>
@Ajax.Pager(Model, new PagerOptions
{
ShowFirstLast = false,
ShowPrevNext = false,
NumericPagerItemCount = 5,
PageIndexParameterName = "page" ,
Id = "callajax" ,
ContainerTagName = "ul" ,
CssClass = "pagination" ,
CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>" ,
DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>" ,
PagerItemTemplate = "<li>{0}</li>"
},
new MvcAjaxOptions { UpdateTargetId = "calllogpage" ,EnableHistorySupport = false })
</p>
|
然后在需要执行后刷新分页控件的地方加入,如果添加或者删除后执行
1 | Webdiyer.MvcPagers.getById( "callajax" ).ajaxReload();
|
重要。使用上面的方法需要在MvcPager.js的jQuery插件中增加一个方法
1 2 3 4 5 6 7 | ajaxReload:function(){
var context = this ;
context.allowReload = true ;
context.allowCache= false ;
var index = context.__getPageIndex(context.pageIndexName);
context.__ajax(index===0?1:index, { type: this .httpMethod, data: [] });
},
|
重要,将MvcPager.js修改后就不能使用MvcPager的JS脚本注册方法了。
直接引用MvcPager.js就行了。
以上就是详细介绍MvcPager分页控件使用的实例方法的详细内容!
相关阅读 >>
详细介绍MvcPager分页控件使用的实例方法
更多相关阅读请进入《MvcPager》频道 >>
清华大学出版社
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。
转载请注明出处:木庄网络博客 » 详细介绍MvcPager分页控件使用的实例方法