Mvc中Ajax.pager分页使用方法

最基础的使用第三方控件ajax.pager

使用主显示

  思路是将主显示页分为两个分布视图,一个是显示页面信息,一个是显示第三方控件分页效果,

需要引用ajax,和mvcpager运行代码

如图所示:

分页的分布视图代码比较繁琐,主要是接收主视图传入的model值并将信息视图嵌套进分页视图中,再对其进行分页显示

 

显示信息视图,12行代码设置变量i可以将i用于序号,来进行顺序整理,这样排列序号不会混乱

后台代码使用ado进行数据之间的传值,下方注释代码为ef传值,是借鉴的,具体根据需求使用,

一定要引用system.web.mvc和webdiyer.webcontrols.mvc(这个是分页控件必须引用的),

使用topagedlist要用

最后是model中的字段,

查询可以通过ajax.beginfrom进行添加,这是一般情况的基本分页显示效果,运行下来也是比较美观的,

主要需要在意的就是,分部视图中页码图标内容,传值方面也需要自己理解,美化步骤有许多也是可以直接在外部写完剪切进去的

多加练习就可以完成标准的ajax分页显示

 

posted @ 2022-08-30 15:35  _Fearless  阅读(102)  评论(0编辑  收藏  举报