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;
}
目前所知,该控件不支持显示记录总数及总页数。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。