ASP.NET MVC分页问题解决
在使用Ajax.Pager进行分页的时候需要注意一下几个方面:
1、一定要引入jquery.unobtrusive-ajax.min.js这个js;
2、一定要在页面中使用注册分页器,注册方法:@{Html.RegisterMvcPagerScriptResource();};
具体的使用方法示例:
<divclass="row"style="position:relative;left:30%"> <divclass="col-md-8"style="width:auto"> @{ PagerConfigpagerConfig=newPagerConfig("pageIndex","pageIndexBox","goToBtn"); PagerOptionsoptions=pagerConfig.GetPagerOption(); } @Ajax.Pager(Model,options).AjaxOptions(a=>a.SetUpdateTargetId("articles").SetHttpMethod("Post").SetDataFormId("searchView")) </div> <divclass="col-md-4"> <divclass="input-group"style="width:120px;margin:20px0"> <inputtype="text"id="pageIndexBox"class="form-control"/> <spanclass="input-group-btn"><buttonclass="btnbtn-primary"id="goToBtn">跳转</button></span> </div> </div> </div>
其中Model是IpagedList对象,获取PagerOptions的方法如下:
///<summary> ///翻页配置项 ///</summary> ///<returns></returns> publicPagerOptionsGetPagerOption() { PagerOptionsoptions=newPagerOptions { AutoHide=false, FirstPageText="首页", LastPageText="尾页", NextPageText="下一页", PrevPageText="上一页", PageIndexParameterName=this._pageIndexParaName, ContainerTagName="ul", CssClass="pagination", CurrentPagerItemTemplate="<liclass=\"active\"><ahref=\"#\">{0}</a></li>", DisabledPagerItemTemplate="<liclass=\"disabled\"><a>{0}</a></li>", PagerItemTemplate="<li>{0}</li>", PageIndexBoxId=this._pageIndexBoxId, GoToButtonId=this._goToButtonId, NumericPagerItemCount=5 }; returnoptions; }
目前所知,该控件不支持显示记录总数及总页数。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。