分页(page)

分页(page)

分页需要在table,所以页面上要加载和初始化table,
var layuiTable; //保存layui模块已便全局使用
//layui模块的使用

layui.use(['table'], function (args) {
	layuiTable = layui.table;
});

查询数据,因为Skip Take使用前必须要使用orderby,所以在查询的时候加入orderby
orderby根据tbAcademe表里的AcademeID排序
在这里插入图片描述

不加orderby排序就会报错
在这里插入图片描述
查询SYS_Academe表的总行数,这样可以查出SYS_Academe表有多少条数据,用 int totalRow 来接收

int totalRow = varLinq.Count();

用名为LayuiTablePage 分页用的实体类
直接用LayuiTablePage来接收layuiTablePage
在这里插入图片描述
通过ToList()的格式,分页查询SYS_Academe的数据

List<SYS_Academe> list = varLinq
.Skip(layuiTablePage.GetStartIndex())
.Take(layuiTablePage.limit)
.ToList();

根据封装好的LayuiTableData 来封装layui table数据
通过count = totalRow 来把数据的总条数输出到页面
通过data = list 把查询出来的数据通过表格的形式输出到页面

LayuiTableData<SYS_Academe> layuiTableData = new LayuiTableData<SYS_Academe>
{
count = totalRow,
data = list
};

返回json,通过count tada已经把数据放入layuiTableData 里面了,返回layuiTableData用Json格式返回到页面
页面上就能显示count data获取的数据了

return Json(layuiTableData, JsonRequestBehavior.AllowGet);

自定义分页

limit: 10 默认每页10条数据
limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50] 有每页5条、10条、15条、20条、25条、30条、35条、40条、45条、50条可以选择

搜索出数据,初始化出来,可以看到的是10条,如果觉得长,就选择5条,这样页面上只有5条数据,看到的页是5条

page: {
limit: 10,
limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50]
}  //开启分页

在这里插入图片描述

如果你不想自定义分页,也可以用它默认的
page: true // //开启分页
在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值