Fork me on GitHub

MvcPager在线演示

Url路由分页

› 标准Url路由分页 该示例演示最基本的MvcPager路由分页功能。
› Url参数分页 该示例演示MvcPager如何使用Url参数进行分页。
› 保持Url参数 该示例演示MvcPager在分页过程中原样保持Url参数的功能。
› 自定义路由 该示例演示如何为MvcPager应用自定义路由。
› 搜索结果分页 该示例演示使用GET方法提交查询表单,将搜索条件附加到url中,因此实现分页过程中的搜索功能。
› 多个MvcPager 本示例演示在同一个页面上使用多个HtmlPager为不同的数据分页。
› 首页Url SEO 该示例演示MvcPager的首页SEO搜索引擎优化功能,请点击分页按钮跳转到其它页面时注意两个MvcPager首页Url的区别。
› 动态设置PageSize 该示例演示如何通过Url参数来控制每页显示的记录数。

Ajax分页

› 标准Ajax分页该示例演示如何使用MvcPager最基本的Ajax分页模式。
› Ajax事件 本示例演示Ajax分页时如何处理Ajax事件。
› Ajax动态加载 该示例演示如何在需要时通过Ajax方法动态加载MvcPager和分页数据。
› Ajax初始化数据 该示例演示Ajax分页模式下,MvcPager根据当前url中的页索引hash值在页面加载时,通过Ajax自动跳转并加载当前页数据的功能。
› Ajax局部加载分页 本示例演示MvcPager 2.0中新增的Ajax局部加载功能。
› 禁用浏览器历史记录支持 本示例演示MvcPager Ajax分页时禁用浏览器历史记录支持功能,禁用浏览器历史记录支持功能在分页时将不会在url中添加hash(#)。
› Ajax正在加载效果 该示例演示如何通过设置MvcAjaxOptions的LoadingElementId属性和使用OnBegin及OnComplate等Ajax事件处理程序来实现Ajax加载数据时的特效。
› 多个AjaxPager 本示例演示同一个页面上使用多个MvcPager为不同的数据实现Ajax分页(使用Partial View)。
› 多个AjaxPager(局部加载) 本示例演示同一个页面上使用多个MvcPager为不同的数据实现Ajax分页(使用局部加载(Partial Loading)功能)。
› Ajax优雅降级 本示例演示MvcPager在不支持Javascript或Javascript出错或被禁用的客户端浏览器中优雅降级为标准Url路由分页的功能。
› 混合分页模式 本示例演示同时使用Html Pager和Ajax Pager对同一数据进行分页。

Ajax搜索分页

› AjaxForm搜索(Post)该示例演示如何在Ajax分页模式下,在分页时通过Post方式提交查询表单,从而实现按条件搜索显示数据的功能。
› AjaxForm搜索(Get) 该示例演示如何在Ajax分页模式下,在分页时通过GET方式提交查询数据,从而实现按条件搜索显示数据的功能。
› HtmlForm搜索(Post) 该示例演示如何在Ajax分页模式下,在分页时通过Post方式提交查询表单,从而实现按条件搜索显示数据的功能。
› HtmlForm搜索(Get) 该示例演示如何在Ajax分页模式下,在分页时通过GET方式提交查询数据,从而实现按条件搜索显示数据的功能。

外观样式

› 应用CSS样式该示例演示如何为MvcPager应用样式。
› 格式化数值页索引 该示例演示如何格式化MvcPager的数值页索引超链接按钮文本。
› 自定义分页按钮模板 该示例演示如何设置MvcPager的分页按钮模板。
› 显示分页信息 本示例演示如何显示分页相关信息,如总页数、总记录数及当前页数等。
› 导航按钮位置 该示例演示如何设置MvcPager的导航按钮(上页、下页、首页和尾页)的位置。
› 输入或选择页索引 该示例演示如何为MvcPager添加页索引输入或选择功能。
› 输入或选择页索引(Ajax) 该示例演示MvcPager在Ajax分页模式下使用页索引输入或选择框,本示例中的页索引选择框与MvcPager都在PartialView中,分页后下拉框中的页索引会重新填充并绑定事件。
› 多语言支持 该示例演示MvcPager的多语言支持功能。
› 页索引错误处理 本示例演示如何自定义页索引错误处理。

分页数据相关

› 使用存储过程本示例演示如何使用SQL Server存储过程获取数据配合PagedList来实现分页。
› DataRow集合分页 该示例演示使用DataAdapter填充DataTable,对DataRow集合进行分页。
› 文章内容分页 该示例演示如何用MvcPager实现长文章内容分页。
› 实现IPagedList接口 该示例演示如何通过实现IPagedList接口而不是使用内建的PagedList来自下定义分页数据对象。
› 删除分页数据 本示例演示ToPagedList扩展方法的如下功能:当前页索引超出总页数时改变当前页索引为最后一页的页索引,同时获取最后一页的数据。

Javascrip API

› HtmlPager跳转本示例演示如何使用客户端Javascript API的goToPage方法来使HtmlPager跳转到指定页。
› AjaxPager跳转 本示例演示如何使用客户端Javascript API的goToPage方法来使AjaxPager跳转到指定页。
› 自定义分页界面(Html) 本示例演示如何隐藏MvcPager控件(HtmlPager),使用客户端Javascript API构建自定义的分页导航元素。
› 自定义分页界面(Ajax) 本示例演示如何隐藏MvcPager控件(AjaxPager),使用客户端Javascript API构建自定义的分页导航元素。