分页框架JPagination

项目中,一直用自己封装的Jar包,里面已经包含了分页标签。

一直懒得弄能分页,今儿闲来无事,就用了下JQ的Ajax分页。

采用的框架是JPagination。

核心代码:

var Page = function(element, options) {

var defaultOption = {
            pageSize : 10, // 默认页面大小
            pageBtnCount : 5, // 页面俺就总数
            showFirstLastBtn : true,
            firstBtnText : "第一页",
            lastBtnText : "最后一页",
            prevBtnText : "«",
            nextBtnText : "»",
            loadFirstPage : true,
            remote : {
                url : null,
                params : null,
                callback : null,
                success : null,
                beforeSend : null,
                complete : null,
                pageIndexName : ‘currentPage‘, // 当前页码
                pageSizeName : ‘maxRows‘, // 从共几页
                totalName : ‘totalRows‘ // 多少条记录
            },
            showInfo : true, // 显示当前显示xxx-xxx记录,共xx记录
            infoFormat : ‘当前显示{start} ~ {end} 条记录,共 {total} 条记录‘,// 描述信息
            showJump : true, // 是否开启跳转到xx页
            jumpBtnText : ‘跳转‘,
            showPageSizes : true, // 是否显示每页多少条
            pageSizeItems : [ 5, 10, 15, 20, 30 ], // 页面大小选项
            debug : false
        // 关闭debug模式
        }

图中膝盖的代码是根据我的喜好,给予的默认值。

与其他JQ框架类似,引入依赖,调用构造,参数,查看依赖包中的初始化声明。

时间: 2024-10-29 12:17:38

分页框架JPagination的相关文章

分页框架(Pager-taglib)的使用

页面中引入分页框架 <!-- 分页 -->     <ul class="pagination">         <jsp:include page="/WEB-INF/pages/inc/pager.jsp">             <jsp:param value="search.action" name="url"/>             <jsp:param

分页框架pager-taglib学习笔记

下面的笔记来自于孔浩老师的视频教程和我自己的开发实践. 使用Pager-taglib可以帮助我们快速开发分页处理. pager-taglib-2.0.war这是我们第1次直观地认识jar包.直接放到tomcat的webapp目录下面,就可以启动项目,查看帮助文档.说明:拷贝完之后,可以改一个名字,方便我们写访问的路径.使用的步骤:(1)将相应包拷贝到lib目录(pager-taglib.jar),另外一个是源码包,貌似可以不拷贝,我还没试过.(2)在jsp页面引入相应的分页标签库.引入标签 pr

JSP通用分页框架

写一个通用的分页框架,这样一个项目里面如果想做分页,只需要改动少数参数就可以实现分页处理了,这样写起来会简单很多 一.分页类 既然要分页那么我们就要考虑建一个通用的分页类,里面需要的参数一般有: 总页数 totalPage 总共记录数 totalRecord 每页显示数 pageSize 当前页pageIndex 承载当前页数据的集合 List datas 完整代码:Page.java import java.util.List; public class Pager<E> { /** * 总

如何使用前端分页框架bootstrap paginator

前端分页框架bootstrap paginator用于web前端页面快速实现美观大方的翻页功能.在实现交互良好的页面翻页功能时,往往还需要配合使用后端分页框架pagehelper.pagehelper框架于前端而言,主要作用是将分页数据pageInfo从后端传入到前端.接下来给一个应用小栗子:step1 我们需要在jsp页面所需要显示翻页选项的位置插入一个<ul>标签,并指定id,如下: <ul id="pagination"></ul> step2

pager分页框架体会

<pg:pager> 元素的属性中: maxPageItems说的是每页偏移量是多少,这个并不是说每一页显示多少,而是第二页比第一页来说,在第一页的尾部增加多少,第一页又被覆盖多少,是决定每一次加多少,pageOffset=(页数-1)*maxPageItems. 而每一页迭代显示多少是由pagesize决定的,也就是一次在数据库取出多少条数据. 而pageOffset通过request和threadLocal传进去,决定了从哪个位置开始取pagesize个对象. items="${

基于Android官方Paging Library的RecyclerView分页加载框架

基于Android官方Paging Library的RecyclerView分页加载框架 我之前写了一篇RecyclerView分页加载机制的文章,是基于Android官方的AsyncListUtil实现的,详情见附录文章1.现在再介绍一种RecyclerView分页加载框架:Android Paging Library.Android Paging Library是Android官方support-v7支持包中专门做的分页框架,详细文档见谷歌官方文档附录2页面.我写这篇文章时候Paging L

可&#8203;根据需求定制的jquery分页

可根据需求定制的jquery分页 本文讲述作者自己用jquery实现的,便于以后使用的分页框架.该分页框架兼容IE,FF,Chrome等主流浏览器,便于移植,可根据需求定制,不需要引入css样式,样式是使用json传入. 1,使用方法: 在需要设置分页的html文件里引入两个文件.一个是jquery.js,另外一个就是jquery.pager.update-1.0.js(这个是核心代码). <script src="jquery.js" type="text/javas

Oracle优化——单表分页优化

单表分页优化思路: --创建测试表: SQL> create table t_test as select * from dba_objects; Table created. 如,下面的sql (没有过滤条件,只有排序),要将查询结果分页显示,每页显示10条,如: select * from t_test order by object_id; 例子: 1.分页查询sql语句,如下(通常会采用下面的方法,但是这是错误的分页框架) 语法:select * from (select t.*,row

复习了一波jsp

其实就是增删改查,分页框架,工厂类,拦截器: drop database IF EXISTS itat_msg; create database itat_msg; use itat_msg; create table t_user(  id int(10) primary key auto_increment,  username varchar(100),  password varchar(100),  nickname varchar(100),  status int(3),  typ