jQuery EasyUI 基础插件 - Pagination 分页

依赖

• linkbutton

用法

通过标记创建分页（pagination）。

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

使用 javascript 创建分页（pagination）。

<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>

$('#pp').pagination({    total:2000,    pageSize:10});

让我们通过面板（panel）和分页（pagination）插件创建 ajax 分页（pagination）。当用户选择一个新的页面时，面板（panel）将显示指定页面的相应内容。

<div id="content" class="easyui-panel" style="height:200px"    data-options="href:'show_content.php?page=1'"></div><div class="easyui-pagination" style="border:1px solid #ccc;"    data-options="    total: 2000,    pageSize: 10,    onSelectPage: function(pageNumber, pageSize){    $('#content').panel('refresh', 'show_content.php?page='+pageNumber);    }"></div>

顶部的面板（panel）默认显示第一个页面的内容。当用户导航页面时，'onSelectPage' 事件将被触发，该事件为内容面板（panel）调用 'refresh' 方法来加载带有一个新的 URL 参数的新页面内容。

属性

$('#pp').pagination({
下载地址:
jQuery EasyUI 基础插件 - Searchbox 搜索框
jQuery EasyUI 基础插件 - Resizable 可调整尺寸