在使用Ajax.Pager进行分页的时候需要注意一下几个方面:
1、一定要引入jquery.unobtrusive-ajax.min.js这个js;
2、一定要在页面中使用注册分页器,注册方法:@{Html.RegisterMvcPagerScriptResource();};
具体的使用方法示例:
代码如下 | 复制代码 |
@{ PagerConfig pagerConfig = new PagerConfig("pageIndex", "pageIndexBox", "goToBtn"); PagerOptions options = pagerConfig.GetPagerOption(); } @Ajax.Pager(Model, options).AjaxOptions(a => a.SetUpdateTargetId("articles").SetHttpMethod("Post").SetDataFormId("searchView"))
|
其中Model是IpagedList对象,获取PagerOptions的方法如下:
代码如下 | 复制代码 |
/// /// 翻页配置项 /// /// publicPagerOptions GetPagerOption() { PagerOptions options =newPagerOptions { AutoHide =false, FirstPageText ="首页", LastPageText ="尾页", NextPageText ="下一页", PrevPageText ="上一页", PageIndexParameterName =this._pageIndexParaName, ContainerTagName ="ul", CssClass ="pagination", CurrentPagerItemTemplate =" DisabledPagerItemTemplate =" PagerItemTemplate =" PageIndexBoxId =this._pageIndexBoxId, GoToButtonId =this._goToButtonId, NumericPagerItemCount = 5 };
returnoptions; } |