Angular ui.bootstrap.pagination分页

前端之家收集整理的这篇文章主要介绍了Angular ui.bootstrap.pagination分页前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

1、Html

MyPagination
查询
显示第一个/最后一个按钮*@ rotate="false" prevIoUs-text="‹" next-text="›">

2、Action

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); }

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/42282.html

猜你在找的Bootstrap相关文章