关闭

jquery easyui datagrid添加前台分页

标签: jquery easyui datagr
632人阅读 评论(0) 收藏 举报
分类:

对jquery easyui datagrid添加前台分页功能,java后台生成一个list集合并且转成json数据类型返回前台,前台代码如下

/**

 * 前台分页
 * @param param
 * @param success
 * @param error
 * @return
 */
function noPagerLoader(param,success,error){
var that = $(this);
var opts = that.datagrid("options");
if (!opts.url) {
return false;
}
var cache = that.data().datagrid.cache;
if (!cache) {
$.ajax({
type : opts.method,
url : opts.url,
data : param,
dataType : "json",
success : function (data) {
that.data().datagrid['cache'] = data;
success(bulidData(data));
},
error : function () {
error.apply(this, arguments);
}
});
} else {
success(bulidData(cache));
}

function bulidData(data) {
var temp = $.extend({},data);
var tempRows = [];
var start = (param.page - 1) * parseInt(param.rows);
var end = start + parseInt(param.rows);
var rows = data;
for (var i = start; i < end; i++) {
if(rows[i]){
tempRows.push(rows[i]);
}else{
break;
}
}
temp.rows = tempRows;
temp.total=data.length;
return temp;
}
}


datagrid的属性loader:noPagerLoader
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:13984次
    • 积分:333
    • 等级:
    • 排名:千里之外
    • 原创:20篇
    • 转载:2篇
    • 译文:0篇
    • 评论:1条
    最新评论