📜  EasyUI jQuery 分页小部件

📅  最后修改于: 2022-05-13 01:55:59.370000             🧑  作者: Mango

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/