EasyUI jQuery 分页小部件

在本文中，我们将学习如何使用 jQuery EasyUI 设计分页小部件。分页小部件允许用户按页面导航数据。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

var a = $(".selector").pagination({
});

特性：

• total：总记录数，创建分页时需要设置
• pageSize：页面大小
• pageNumber：创建分页时显示页码。
• pageList： pageList属性定义了可以更改的大小数量
• 加载：它 定义是否正在加载数据。
• showPageList:它 定义显示页面列表。
• showRefresh：定义显示刷新按钮。
• showPageInfo：定义显示页面信息。
• beforePageText：它在输入组件之前显示一个标签。
• afterPageText：它在输入组件之后显示一个标签。
• displayMsg：显示页面信息

事件：

• onSelectPage：当用户选择一个新页面时触发。
• onBeforeRefresh：在点击刷新按钮之前触发
• onRefresh：刷新后触发。
• onChangePageSize：当用户改变页面大小时触发。

方法：

• 选项：返回选项的属性。
• 加载：使分页成为加载状态。
• 已加载：使分页变为已加载状态。
• refresh：刷新并显示寻呼机信息。
• 选择：选择一个新页面

CDN 链接：首先，添加项目所需的 jQuery Easy UI 脚本。

 

 

 

例子：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
  
    GeeksforGeeks
    Easy UI | pagination widget
 
  
 
    
    

输出：

参考： http://www.jeasyui.com/documentation/