民宿翻页功能

原样式

修改后

实现步骤

1. 右键项目，管理NuGet程序包。输入PagedList查询
2. 如图安装pagedlist,pagedlist.mvc
   
   3.打开要翻页的html页面（这里是预约功能页面，view/manage/index.cshtml）
   在头部添加引用

@using PagedList.Mvc; //import this so we get our HTML Helper
@using PagedList; //import this so we can cast our list to IPagedList (only necessary because ViewBag is dynamic)

在表格底部加翻页代码

<!-- output a paging control that lets the user navigation to the previous page, next page, etc -->
@Html.PagedListPager((IPagedList)ViewBag.OnePageOfProducts, page => Url.Action("Index", new { page }))

至此前端代码完成
后端代码

1. 因为翻页每次需要一个当前页数的参数，所以在控制器方法参数追加一个page页参数

	public ActionResult Index(int? page)
	          var pageNumber = page ?? 1; // if no page was specified in the querystring, default to the first page (1)
              var datas = manages.ToPagedList(pageNumber, 20);//
              ViewBag.OnePageOfMessages = datas; 

• 点赞
• 收藏
• 分享
• • 文章举报

高赫泽 发布了1 篇原创文章 · 获赞 0 · 访问量 16 私信 关注

标签：Index,功能,翻页,ViewBag,民宿,using,PagedList,page
来源： https://blog.csdn.net/qq_27934303/article/details/104409012