jQuery EasyUI 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

pagination

分页控件允许用户导航页面的数据。它支持页面导航和页面长度选择的选项设置。用户可以在分页控件上添加自定义按钮,以增强其功能。

分页控件可以通过标签来创建,我们通过设置< div >标签的class=‘easyui-pagination’来创建。

<div id="pp" class="easyui-pagination" data-options="total:2000,pageSize:10" style="background:#efefef;border:1px solid #ccc;"></div>

我们更多的是通过javascript来创建。

<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
$('#pp').pagination({ 
total:2000,   //总记录数,在分页控件创建时初始的值。
pageSize:10  //页面大小
});

在后面的课程中,我们将讲解数据表格控件,当二者同时使用时才能达到理想的效果。