springmvc pagination 实现数据分页
pagination 插件下载:https://download.csdn.net/download/weixin_40652498/12313663
分页内容(自动替换)$(function(){
//这是一个非常简单的demo实例,让列表元素分页显示
//回调函数的作用是显示对应分页的列表项内容
//回调函数在用户每次点击分页链接的时候执行
//参数page_index{int整型}表示当前的索引页
var initPagination = function() {//页码加载
var num_entries = 1;
//有多少个分页$.ajax({
url: "selectPageNum",
async:false,//同步请求
success: function (size) {
num_entries=size;
}
});
// 创建分页
$("#Pagination").pagination(num_entries, {
num_edge_entries: 1, //边缘页数
num_display_entries: 4, //主体页数
callback: pageselectCallback,
items_per_page:1 //每页显示1项
});
}();
function pageselectCallback(page_index, jq){//切换页数
var new_content=" "+
" eid ename did dname daddress ";
$.ajax({
url: "select",
async:false,//同步请求
data: {start: page_index, leng: 10},
success: function (data) {
var list = eval("("+data+")");
//返回List 数据
for(var i=0;
i";
new_content +=""+ list[i].eid+" ";
new_content +=""+ list[i].ename+" ";
new_content +=""+ list[i].dno.did+" ";
new_content +=""+ list[i].dno.dname+" ";
new_content +=""+ list[i].dno.daddress+" ";
new_content +=""+ "";
+" ";
new_content+=" ";
}
new_content+="
";
}
});
$("#Searchresult").empty().append(new_content);
//装载对应分页的内容
return false;
}});
【springmvc pagination 实现数据分页】
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现
- Node.js中readline模块实现终端输入
- java中如何实现重建二叉树
- 人脸识别|【人脸识别系列】| 实现自动化妆
- paddle|动手从头实现LSTM