分页显示数据一般需要用表格实现,我们使用较为简单的easyui插件来实现,需要用到其中的datagrid方法来实现分页,其中pagination是开启分页功能的属性,下面是代码实例,使用的是js代码实现。
<table id='dg'></table>
<script>
$('#dg').datagrid({
title: '学生信息查询结果', //表格标题
width:500, //表格宽度
pagination: true, //开启分页
pageSize: 10, //分页大小
pageNumber:1, //第几页显示(默认第一页,可以省略)
pageList: [10, 20, 30], //设置每页记录条数的列表
//url: '/这里是请求数据的地址', //获取数据地址
columns: [[ //添加列
{
field: '这里是数据源中属性名称', //绑定数据源ID
title: '专业代码', //显示列名称
},
{
field: '这里是数据源中属性名称',
title: '专业名称',
},
]],
});
</script>
页面效果是这样的