在 jQuery EasyUI 中添加分页组件是相对简单的,下面是一个简单的例子,演示如何使用 EasyUI 的分页组件:

1. 首先,确保您已经引入了 jQuery 和 EasyUI 的相关文件。您可以从官方网站([EasyUI 官网](http://www.jeasyui.com/))下载并引入这些文件。

2. 在 HTML 中创建一个包含 EasyUI 分页组件的容器:
<div id="pagination"></div>

3. 在 JavaScript 中使用 EasyUI 的 pagination 方法初始化分页组件。例如:
<script>
  $(document).ready(function(){
    $('#pagination').pagination({
      total: 100, // 总记录数
      pageSize: 10, // 每页显示的记录数
      pageNumber: 1, // 当前页码
      pageList: [10, 20, 30], // 每页显示记录数选项
      onSelectPage: function(pageNumber, pageSize){
        // 处理分页切换事件,可以在这里加载新的数据
        console.log('pageNumber:', pageNumber);
        console.log('pageSize:', pageSize);
        // 在这里触发加载数据的操作
      }
    });
  });
</script>

在上述代码中,onSelectPage 是一个回调函数,当用户切换页面时会触发该函数。您可以在这个函数中加载新的数据,以更新页面内容。

请根据您的具体情况修改 total、pageSize 等参数,以适应您的分页需求。这只是一个基本的示例,实际上您可能需要结合您的数据源和具体业务逻辑进行更多的定制。


转载请注明出处:http://www.zyzy.cn/article/detail/13127/jQuery EasyUI