Angular ui.bootstrap.pagination分页

Angular ui.bootstrap.pagination分页

本文实例为大家分享了Angular 分页的具体代码，供大家参考，具体内容如下

1、Html

查询

ng-model="currentPage"

total-items="totalItems"

max-size="7"

ng-change="pageChanged()"

force-ellipses="true"

num-pages="numPages"

boundary-link-numbers="true"

boundary-links="false" @*是否显示第一个/最后一个按钮*@

rotate="false"

previous-text="‹"

next-text="›">

ng-model="currentPage"

total-items="totalItems"

max-size="7"

ng-change="pageChanged()"

force-ellipses="true"

num-pages="numPages"

boundary-link-numbers="true"

boundary-links="false" @*是否显示第一个/最后一个按钮*@

rotate="false"

previous-text="‹"

next-text="›">

2、Action

[HttpPost]

public JsonResult GetPageList(int pageIndex, int pageSize, string name)

{

int pageCount = 1;

int recordTotal = 0;

int topRecordTotal = 0;

List list = new List();

try

{

list = svc.GetAllStudent();

recordTotal = list.Count();

pageCount = (int)Math.Ceiling((decimal)recordTotal / pageSize);

topRecordTotal = (pageIndex - 1 < 0 ? 0 : pageIndex - 1) * pageSize;

list = list.Skip(topRecordTotal).Take(pageSize).ToList();

}

catch (Exception)

{

throw;

}

return Json(new

{

pageIndex = pageIndex,

pageCount = pageCount,

recordTotal = recordTotal,

Data = list,

}, JsonRequestBehavior.AllowGet);

}

效果图：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。