jquery easyui datagrid添加前台分页

原创 2013年12月05日 23:28:29

对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

相关文章推荐

asp.net与JQuery EasyUi DataGrid 服务器端分页,添加增加,修改,删除 按钮

Html代码 background-color: #F4F4F4; overflow: hidden;"> 公司名称 查询 padding-left: 0; overflow: hidde...

关于easyui datagrid前台界面分页的问题

这是我前两天遇到的一个问题,在前台使用easyui的datagrid分页时,只能是每页显示10条数据,由于一些要求需要只显示5条数据,最初我看了easyui的一些文档,设置了 data-option...

easyui datagrid 前台分页的实现

easyui datagrid 前台分页的实现
  • wjw_27
  • wjw_27
  • 2016年12月21日 15:07
  • 160

jquery_easyui_DataGrid分页操作

  • 2012年03月10日 21:51
  • 75KB
  • 下载

使用JQuery EasyUI 中的DataGrid控件实现数据的分页(紧密结合上一篇博客)

1.dao接口 package yycg.base.dao.mapper; import java.util.List; import yycg.base.vo.SysuserCustom; i...

jquery easyui 中combogrid , datagrid 自定义分页

以             去掉记录相关字符 去掉前                                                                      ...

jquery easyui datagrid 分页实现---善良公社项目

对于这样的框架还有很多值得我们学习的地方,上面的这些按纽都可以灵活的去添加,例如:添加导入、导出数据等,都容易实现,好的框架的学习,让我们学会了如何站在举人的肩膀上更快成长,具体的行动需要我们融入自己...
  • lishehe
  • lishehe
  • 2013年11月26日 13:42
  • 41925

jquery easyui datagrid 分页 详解

由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资...
  • dqsweet
  • dqsweet
  • 2011年12月11日 12:10
  • 1335

JAVA_WEB项目(结合Servlet+jsp+ckEditor编辑器+jquery easyui技术)实现新闻发布管理系统第四篇:前台首页,新闻分类(体育新闻,科技新闻等),新闻列表分页的实现

上一篇介绍了JAVA_WEB项目之新闻发布管理系统第三篇:新闻发布,新闻修改,新闻删除功能的实现。 下面实现前台首页,新闻分类(体育新闻,科技新闻等),新闻列表分页。...

jquery自制分页,控制easyui datagrid分页,集中处理了一下前后台

因为客户需要特殊样式分页程序,本来用的是easyui的datagrid控件,但分页样式无法满足客户需求。所以把datagrid的分页属性去掉,自己写了一个分页。然后调用datagrid的 $("#te...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery easyui datagrid添加前台分页
举报原因:
原因补充:

(最多只允许输入30个字)