EasyUI DataGrid表格分页效果实现—笔记

<script type="text/javascript">
var projectId = '${projectId}';

// console.debug(projectId);
var ctx = '${ctx}';
$("#search_img").attr("src",ctx+"/static/easyui/css/images/u222.png");
var dataCache="";
var dataCachePi="";
var queVertifyCentChart = "";

//自动加载代码质量度量报告表格并填充数据
//表格分页实现
$(function(){

$.ajax({
type : "POST",
url : ctx + "/home/vertifyView/codeQualitydataView",
data : {
"projectId" : projectId
},
success : function(data){
$("#CodeQualityReportDg").datagrid({
fitColumns : true,
rownumbers : true,
striped  : true,
singleSelect : true,
pagination : true,
method : "POST",
loadMsg : 'Processing, please wait …',
data : data.slice(0,10),
columns : [[
{field :'project_name',      title  :'文件名',width : 200,align : 'center'},
{field :'source_id',      title  :'source_id',width : 60,align : 'center'},
{field :'code_line',      title  :'总行数',width : 100,align : 'center'},
{field :'sentence_count',     title  :'语句数目',width :100,align : 'center'},
{field :'branch_percentage',      title  :'分支占比',width:100,align : 'center',formatter:function(v,r){
return v+"%";
}},
{field :'anno_percentage',title  :'注释占比',width:100, align : 'center',formatter:function(v,r){
return v+"%";
}},
{field :'function_count',title : '函数个数',width:100, align : 'center'},
{field :'avg_sentence_count',      title  :'平均每个函数包含的语句数目',width : 200,align : 'center'},
{field :'max_complexity',      title  :'最大复杂度',width : 100,align : 'center'},
{field :'max_depth',     title  :'最大深度',width :100,align : 'center'},
{field :'avg_complexity',      title  :'平均复杂度',width:100,align : 'center'},
{field :'avg_depth',title  :'平均深度',width:100, align : 'center',}
]]
});

var pager = $("#CodeQualityReportDg").datagrid("getPager");
pager.pagination({
total : data.length,
onSelectPage : function (pageNo, pageSize) {
var start = (pageNo - 1) * pageSize;
var end = start + pageSize;
$("#CodeQualityReportDg").datagrid("loadData", data.slice(start, end));
pager.pagination('refresh', {
total : data.length,
pageNumber : pageNo
});
}
});
},
error: function(){}
});
});
</script>