0

0

详细介绍MvcPager分页控件使用的实例方法

零下一度

零下一度

发布时间:2017-06-15 13:59:03

|

2292人浏览过

|

来源于php中文网

原创

这篇文章主要为大家详细介绍了mvcpager分页控件使用的注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

初学MVC,做了个单页面应用,需要显示多个分页,并无刷新更新。

找到了MvcPager控件,非常好用,在使用ajax过程中遇到很多问题。慢慢调试和杨老师(MvcPaegr作者)请教,总于都解决了。

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

控制器端必须引用

using Webdiyer.WebControls.Mvc;

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

站长俱乐部购物系统
站长俱乐部购物系统

功能介绍:1、模块化的程序设计,使得前台页面设计与程序设计几乎完全分离。在前台页面采用过程调用方法。在修改页面设计时只需要在相应位置调用设计好的过程就可以了。另外,这些过程还提供了不同的调用参数,以实现不同的效果;2、阅读等级功能,可以加密产品,进行收费管理;3、可以完全可视化编辑文章内容,所见即所得;4、无组件上传文件,服务器无需安装任何上传组件,无需支持FSO,即可上传文件。可限制文件上传的类

下载


 

@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就行了。

    相关专题

    更多
    Golang 性能分析与pprof调优实战
    Golang 性能分析与pprof调优实战

    本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

    9

    2026.01.22

    html编辑相关教程合集
    html编辑相关教程合集

    本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

    54

    2026.01.21

    三角洲入口地址合集
    三角洲入口地址合集

    本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

    28

    2026.01.21

    AO3中文版入口地址大全
    AO3中文版入口地址大全

    本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

    378

    2026.01.21

    妖精漫画入口地址合集
    妖精漫画入口地址合集

    本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

    113

    2026.01.21

    java版本选择建议
    java版本选择建议

    本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

    3

    2026.01.21

    Java编译相关教程合集
    Java编译相关教程合集

    本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

    15

    2026.01.21

    C++多线程相关合集
    C++多线程相关合集

    本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

    9

    2026.01.21

    无人机驾驶证报考 uom民用无人机综合管理平台官网
    无人机驾驶证报考 uom民用无人机综合管理平台官网

    无人机驾驶证(CAAC执照)报考需年满16周岁,初中以上学历,身体健康(矫正视力1.0以上,无严重疾病),且无犯罪记录。个人需通过民航局授权的训练机构报名,经理论(法规、原理)、模拟飞行、实操(GPS/姿态模式)及地面站训练后考试合格,通常15-25天拿证。

    47

    2026.01.21

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    CSS3 教程
    CSS3 教程

    共18课时 | 4.8万人学习

    Git 教程
    Git 教程

    共21课时 | 2.9万人学习

    550W粉丝大佬手把手从零学JavaScript
    550W粉丝大佬手把手从零学JavaScript

    共1课时 | 0.3万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号