传值分页

DataGrid1.CurrentPageIndex=(int)Request.Querystring["id"];

转载于:https://www.cnblogs.com/yzxchoice/archive/2006/11/29/576629.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,在后端的Controller中获取数据并进行分页处理,可以使用PagedList.Mvc库来方便实现分页功能。 在Controller中返回的Model中,需要包含分页信息和当前页的数据。 然后,在前端的视图文件中,引入layui分页插件,然后通过ajax异步请求后端数据,并将数据填充到页面中。 示例代码如下: Controller: ```csharp public ActionResult Index(int? page) { int pageNumber = page ?? 1; int pageSize = 10; List<User> userList = userRepository.GetUserList(); // 分页处理 var pagedList = userList.ToPagedList(pageNumber, pageSize); return View(pagedList); } ``` View: ```html <div id="user-list"> @Html.Partial("_UserList", Model) </div> <div id="pagination"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.9/layui.all.min.js"></script> <script> layui.use(['laypage'], function () { var laypage = layui.laypage; // 初始化分页 laypage.render({ elem: 'pagination', count: @Model.TotalItemCount, limit: @Model.PageSize, curr: @Model.PageNumber, jump: function (obj, first) { // 首次不执行 if (!first) { // 异步请求后端数据 $.get('@Url.Action("Index")', { page: obj.curr }, function (data) { $('#user-list').html(data); laypage.render({ elem: 'pagination', count: @Model.TotalItemCount, limit: @Model.PageSize, curr: obj.curr }); }); } } }); }); </script> ``` 其中,_UserList是一个局部视图文件,用于展示每页的数据。在laypage.render函数中,需要传入count、limit、curr三个参数,分别表示总数据量、每页数据量和当前页码。在jump回调函数中,需要异步请求后端数据,并将数据填充到页面中。最后,再次调用laypage.render函数,更新分页组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值