easyui分页点击下一页功能失效

tanpf123 2016-09-21 06:32:15
前端代码:
<table id="dg" title="My Users" class="easyui-datagrid" style="min-width:500px;min-height:250px"
url="${ctx}/studentManagement/json/list"
toolbar="#toolbar"
rownumbers="true"
fitColumns="true"
singleSelect="true"
method='get'
data-options='scrollbarSize:0,pagination:true'
collapsible='true' >
<thead>
<tr>
<th data-options="field:'id'">Student ID</th>
<th data-options="field:'name'">Student Name</th>
<th data-options="field:'sex',align:'right'">Sex</th>
<th data-options="field:'grade',align:'right'">Grade</th>
<th data-options="field:'classId'">Class ID</th>
<th data-options="field:'courseNames',align:'center'">Cources</th>
</tr>
</thead>
</table>

分页数据操作代码:
<script>
$('#dg').datagrid({ loadFilter: pagerFilter }).datagrid({
url: '${ctx}/studentManagement/json/list' //加载数据
});

// 分页数据的操作
function pagerFilter(data) {
if (typeof data.length == 'number' && typeof data.splice == 'function') { // is array
data = {
total: data.length,
rows: data
}
}
var dg = $(this);
var opts = dg.datagrid('options');
var pager = dg.datagrid('getPager');
pager.pagination({
onSelectPage: function (pageNum, pageSize) {
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh', {
pageNumber: pageNum,
pageSize: pageSize
});
dg.datagrid('loadData', data);
}
});
if (!data.originalRows) {
data.originalRows = (data.rows);
}
var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
data.rows = (data.originalRows.slice(start, end));
return data;
}
</script>

之后点击下一页没反应?求解
...全文
1380 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
___雅 2017-11-27
  • 打赏
  • 举报
回复
楼主解决了吗
lihui10061092 2017-07-11
  • 打赏
  • 举报
回复
楼主怎么解决的,求答案,感激不尽!
该课程是胡延亮老师在完成《ASP.Net开发课程  MVC5入门篇》和《ASP.Net开发课程  MVC5提升篇》基础课程后的,第一门关于MVC5+EasyUI实战基础的课程,主要内容包含:环境搭建,系统登录,用户管理等基础功能。    MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。    easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。    easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。    使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。    easyui是个完美支持HTML5网页的完整框架。    easyui节省您网页开发的时间和规模。    easyui很简单但功能强大的。主讲内容:创建数据库环境搭建创建登录页面创建登录控制器实现登录功能创建管理主页面创建用户管理页面用户列表显示用户增加用户删除用户查询用户删除等功能

10,607

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 其他
社区管理员
  • 其他
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧