easyui分页点击下一页功能失效
前端代码:
<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>
之后点击下一页没反应?求解