网站建设资讯

NEWS

网站建设资讯

MvcPager分页控件使用注意事项有哪些-创新互联

这篇文章将为大家详细讲解有关MvcPager分页控件使用注意事项有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

鹤山ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!

首先NuGet包添加上。搜索MvcPager可以找到。

控制器端必须引用

using Webdiyer.WebControls.Mvc;

后端就不多记录了,看下官方Demo差不多都理解了,主要记录下前端。

 
  @Ajax.Pager(Model, new PagerOptions  {   ShowFirstLast = false,//显示第一页按钮   ShowPrevNext = false,//显示最后一页按钮   NumericPagerItemCount = 5,//最多显示页码数   PageIndexParameterName = "page",//传递给后端的分页参数,如果同页有多个分页,这个参数必须不同   Id = "callajax",//分页控件的ID,给内容修改后需要刷新页面使用。   ContainerTagName = "ul",   CssClass = "pagination",   CurrentPagerItemTemplate = "{0}",   DisabledPagerItemTemplate = "{0}",   PagerItemTemplate = "
  • {0}
  • "  },  new MvcAjaxOptions { UpdateTargetId = "calllogpage",EnableHistorySupport = false })  

    然后在需要执行后刷新分页控件的地方加入,如果添加或者删除后执行

    Webdiyer.MvcPagers.getById("callajax").ajaxReload();//这里面的ID是分页控件指定的ID

    重要。使用上面的方法需要在MvcPager.js的jQuery插件中增加一个方法


    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分页控件使用注意事项有哪些-创新互联
    文章网址:http://cdweb.net/article/dopsoj.html