首页 > 其他 > 详细

客户端实现分页

时间:2019-03-18 14:09:53      阅读:172      评论:0      收藏:0      [点我收藏+]

1、控制器

public ActionResult Index(int Pageindex = 1, int Pagesize = 3)
        {
            ViewBag.pageindex = Pageindex;
            string result = HttpClientHelper.Send("get", "/api/Emp/Get", null);
            List<EmpViewModel> list
                = JsonConvert.DeserializeObject<List<EmpViewModel>>(result);
            ViewBag.pagecount = Math.Ceiling(list.Count() * 1.0 / Pagesize);
            return View(list.Skip((Pageindex - 1) * Pagesize).Take(Pagesize));
        }

2、视图

<a href="/Emp/index?pageindex=@(ViewBag.pageindex-1)">上一页</a>
<a href="/Emp/index?pageindex=@(ViewBag.pageindex+1)">下一页</a>
<span>每页</span>
@Html.DropDownList("pagesize", new List<SelectListItem> {
new SelectListItem{ Text="1",Value="1"},
new SelectListItem{ Text="2",Value="2"},
new SelectListItem{ Text="3",Value="3", Selected = true},
new SelectListItem{ Text="4",Value="4"}
})
<span>条</span>
<script>
    $(#pagesize).change(function () {
        var pagesize=$(this).val();
        location.href = "/Emp/index?pageindex="+@ViewBag.pageindex+ "&pagesize=" + pagesize;
    })
</script>

 

客户端实现分页

原文:https://www.cnblogs.com/dujian123/p/10551800.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!