easyui+spring data JPA 实现分页
上图是直接运行url得到的json数据
上图是运行整个项目,页面中没有显示的数据。而且使用开发者工具查看时出现这个错误。。。(前台使用生物easyui)
后台代码
@RequestMapping(value = "/displayAll",method = RequestMethod.GET)
public Page findAllDepartments(@RequestParam(value = "page")Integer page, @RequestParam(value = "rows")Integer size){
// Sort sort = new Sort(Sort.Direction.DESC,"id");
// Pageable pageable = new PageRequest(page,size,sort);
System.out.println("page:"+page+"rows:"+size);
Pageable pageable = new PageRequest(page-1,size);
return this.departmentService.findAllDepartment(pageable);
}
前台代码:
$(function () {
$('#tt').datagrid({
title:'增删改查模板表',
iconCls: 'icon-ok',
toolbar:'#toolbar',
// 只要这里一改成get方式
method:'get',
url:'/displayAll',
width: 500,
height: 300,
singleSelect: true,
rowNumbers: "true",//显示行号
remoteSort: false,//对本地数据进行排序
fitColumns:true,//自适应表格大小
frozenColumns: [[{ field: "chk", "checkbox": true}]],//单选框
columns: [[
{field: 'id', title: '编号', width: 70, align: 'center'},
{field: 'departmentName', title: '学院', width: 80, align: 'center'}
]],
pagination: "true",//分页
});
//分页用的获取datagrid中的详细内容,后台只需要获取easyui自动提供pages和rows(我好像需要一个rows)即可。
var p = $('#tt').datagrid('getPager');
$(p).pagination({
showPageList:false,
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
onBeforefresh:function () {
$(this).pagination('loading');
alert('before refresh');
$(this).pagination('loaded');
}
});
});
相关阅读:
怎么修改百度地图的起点终点图标
web端手机支付密码input框实现
无限滚动,onwheel+position:relative,有没有现成的库
npm install -g cordova 报错ENOENT: no such file or directory
ubuntu 16.04 LTS 怎么编译 mysqli 生成 mysqli.so??
把arr[0]赋值给变量x,然后对x重新赋值,为什么arr没有改变?
平时工作机用linux的朋友多么?
laravel5.3中 auth middleware认证失败后的跳转地址
微信公众号网页授权code问题
动态演示(排序,链表插入)的语言及平台选择
怎么开发博客客户端?
java 如何初始化一个包含map的list?
裸仓库可以有多个分支吗?
.vue文件 无法被编译
cmd窗口下 php -f 执行php文件 过一会就停止执行了
$.ajax() 无法获取后台数据
轮播图滚动顺序的出现的问题?
Java 两系统接口调用字符乱码问题?
二级目录如何直接关联到顶级域名?
前端页面间如何优雅传递数据(不是父组件与子组件间的数据传递)?