laypage分页java例子_laypage分页控件使用实例详解

分页

$.getJSON('test/demo1.json',{curr: 6},function(res){ //从第6页开始请求。返回的json格式可以任意定义

laypage({

cont: 'page1',//容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：

pages: res.pages,//通过后台拿到的总页数

curr: 6,//初始化当前页

jump: function(e){ //触发分页后的回调

$.getJSON('test/demo1.json',{curr: e.curr},function(res){

e.pages = e.last = res.pages; //重新获取总页数，一般不用写

//渲染

var view = document.getElementById('view1'); //你也可以直接使用jquery

var demoContent = (new Date().getTime()/Math.random()/1000)|0; //此处仅仅是为了演示

view.innerHTML = res.content + demoContent;

});

}

});

一个基本的分页效果也就出来了。

如果你需要其他更加绚丽的效果请修改源代码。

先来说下，如果呈现出来一个分页的效果的。

首先呢，引用下控件laypage.js

插件下载地址：

现在来看看插件的配置：

//以下将以jquery.ajax为例，演示一个异步分页

$.getJSON('/Mobile/AjaxHandler/QuestionAjax.aspx?action=GetRedisJoinMemberInformationById',{

type: 2,ccId: ccId,pageIndex: 1,pageSize: pageSize,saveKey: saveKey

},function (res) { //从第1页开始请求。返回的json格式可以任意定义

laypage({

cont: 'page1',//容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：

pages: res.pageCount,//通过后台拿到的总页数

curr: 1,//初始化当前页

skin: '#429842',//皮肤颜色

groups: 3,//连续显示分页数

skip: true,//是否开启跳页

first: '首页',//若不显示，设置false即可

last: '尾页',//若不显示，设置false即可

//prev: '

//next: '>',//若不显示，设置false即可

jump: function (e) { //触发分页后的回调

$.getJSON('/Mobile/AjaxHandler/QuestionAjax.aspx?action=GetRedisJoinMemberInformationById',{

type: 2,pageIndex: e.curr,//当前页

pageSize: pageSize,saveKey: saveKey

},function (res) {

e.pages = e.last = res.pageCount; //重新获取总页数，一般不用写

//渲染

var view = document.getElementById('userTable'); //你也可以直接使用jquery

//解析数据

var resultHtml = PackagData(res);

view.innerHTML = resultHtml;

});

}

});

}

laypage分页java例子_laypage分页控件使用实例详解相关推荐

C# WPF ListView控件的实例详解
C#的WPF作为现在微软主流的桌面程序开发平台,相比过去的MFC时代,有了非常多的不同.本人刚从MFC平台转过来,以为可以轻松上手,哪知碰到了很多问题,十分不解.不得不乖乖回去看了本书,再继续回到边左 ...
laypage分页java例子_laypage分页插件的使用
laypage是用于分页的插件,该插件通过js请求分页数据 1.载入js文件 2.在页面中显示分页信息的地方插入标记 3.添加js var url = '{:url("article/lis ...
布局中文件中【控件间距参数详解以及单位选择】
注意:例如:android:layout_gravity和android:gravity的区别: android:layout_gravity:此控件相对父控件的相对位置 android:gravit ...
java文件流 m.jb51.net_FasfDFS整合Java实现文件上传下载功能实例详解
今天使用Java代码实现文件的上传和下载.对此作者提供了Java API支持,下载fastdfs-client-java将源码添加到项目中.或者在Maven项目pom.xml文件中添加依赖 org.c ...
wxpython使用方法_python图形界面开发之wxPython树控件使用方法详解
wxPython树控件介绍树(tree)是一种通过层次结构展示信息的控件,如下图所示是树控件示例,左窗口中是树控件,在wxPython中树控件类是wx.TreeCtrl. wx.TreeCtrl常用 ...
mongodb java查询_java操作mongoDB查询的实例详解
java操作mongo查询的实例详解前言: MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. MongoDB是一个介于关系数据库 ...
android mvp模式例子_Android中mvp模式使用实例详解
MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/Presenter负责逻辑的处理,Model提供数据,View负责显示.作为一种新的模式,MVP与MVC有着一 ...
java分层窗格_Swing拆分窗格控件JSplitPane使用详解
本文实例为大家分享了Swing拆分窗格控件JSplitPane的使用方法,供大家参考,具体内容如下 package day1115; import javax.swing.*; import java ...
C# asp .net GridView控件基础操作详解
1.创建通过VS创建的.net aspx项目通过左栏工具箱搜索可以获得GridView控件. 2.基本操作单击控件右上角的扩展符号,获得扩展栏首先是配置数据源,数据源同样通过工具栏的SqlDat ...
python制作好看的界面_【一点资讯】Python界面如何漂亮的展示树形结构，PyQt5控件之QTreeWidget详解 www.yidianzixun.com...
前面内容,我们介绍了关于PyQt5的一些常用高级控件的使用,为了更好的便于大家理解,我们通过一些案例进行了讲解.用户接口用Python将电子表格Excel展示在界面中,PyQt5之QTableWid ...

laypage分页java例子_laypage分页控件使用实例详解

laypage分页java例子_laypage分页控件使用实例详解相关推荐

最新文章

热门文章