当前位置: 首页 > 编程笔记 >

MvcPager分页控件使用注意事项

柳坚白
2023-03-14
本文向大家介绍MvcPager分页控件使用注意事项,包括了MvcPager分页控件使用注意事项的使用技巧和注意事项,需要的朋友参考一下

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

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

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

控制器端必须引用

using Webdiyer.WebControls.Mvc;

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

 <div>
  @Ajax.Pager(Model, new PagerOptions
 {
  ShowFirstLast = false,//显示第一页按钮
  ShowPrevNext = false,//显示最后一页按钮
  NumericPagerItemCount = 5,//最多显示页码数
  PageIndexParameterName = "page",//传递给后端的分页参数,如果同页有多个分页,这个参数必须不同
  Id = "callajax",//分页控件的ID,给内容修改后需要刷新页面使用。
  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 })
 </div>

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

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分页控件 适用于Bootstrap,包括了MvcPager分页控件 适用于Bootstrap的使用技巧和注意事项,需要的朋友参考一下 软件开发分页效果必不可少,对于Asp.Net MVC 而言,MvcPager 是个不错的选择。 请访问http://www.webdiyer.com/mvcpager/ 由于自带的分页样式不能和项目整体风格兼容,所以我们准备改写源代码,

  • 本文向大家介绍ASP.NET同步分页MvcPager使用详解,包括了ASP.NET同步分页MvcPager使用详解的使用技巧和注意事项,需要的朋友参考一下 最近接触了一下MvcPager,来做个笔记吧 其实,我喜欢前后端分离,分页这种东西前端负责的地方,后端不用顾问,这里的MvcPager有点让我想起服务器控件,毕竟用到了HtmlHelper。 但是挺方便的。。以前我们写分页,后端会封装一Page

  • 主要内容:if语句使用,布尔运算,isin()操作,reindex()操作Pandas 基于 NumPy 构建,它遵循 NumPy 设定的一些规则。因此,当您在使用 Pandas 时,需要额外留意一些事项,避免出现一些不必要的错误。 if语句使用 在 if 语句中,如果您需要将 Pandas 对象转换为布尔值时,需要格外留意,这种操作会引起  ValueError 异常, 下面通过一组示例做简单说明: 输出结果: 从输出结果可以看出,上述代码引发了 ValueError

  • 2.6.1 npm init 使用 npm init 初始化一个空项目是一个好的习惯,即使你对 package.json 及其他属性非常熟悉,npm init 也是你开始写新的 Node.js 应用或模块的一个快捷的办法。npm init 有智能的默认选项,比如从根目录名称推断模块名称,通过 ~/.npmrc 读取你的信息,用你的 Git 设置来确定 repository 等等。 2.6.2 np

  • 2.6.1 npm init 使用 npm init 初始化一个空项目是一个好的习惯,即使你对 package.json 及其他属性非常熟悉,npm init 也是你开始写新的 Node.js 应用或模块的一个快捷的办法。npm init 有智能的默认选项,比如从根目录名称推断模块名称,通过 ~/.npmrc 读取你的信息,用你的 Git 设置来确定 repository 等等。 2.6.2 np

  • 主要内容:额外开销,RAM 使用,查询限制,索引键限制,插入超过索引键限制的文档,最大范围本节我们来介绍以下使用索引时的一些限制和注意事项。 额外开销 每个索引都会占用一些空间,并且在每次执行插入、更新和删除等操作时也需要对索引进行操作,导致额外的开销。因此,如果您很少将某个集合用于读取操作,最好不要在集合中使用索引。 RAM 使用 由于索引存储在 RAM(内存)中,因此应确保索引的总大小不超过 RAM 的限制。如果总大小大于 RAM 的大小,那么 MongoDB 将删除一些索引,这就