datagrid分页
2015-12-18 21:01
549 查看
1、datagrid属性pagination设为true
2、loadFilter中加入分页相关代码
优点:可以减少界面中<tr>容量,加快加载页面的速度
$('#employeeDG').datagrid({
title:'职员列表',
fit: true,
fitColumns: false,
border: false,
//view: scrollview,
pagination:true,
pageSize:50,
columns : [ [
{field: 'deptName',title:'部门',width:160},
{field : 'name',title : '姓名',width : 100},
{field:'extentionPhone',title:'分机号',width:100},
{field:'groupPhone',title:'深南短号',width:100},
{field:'corporatePhone',title:'公务手机',width:120,
formatter: function(value, row, index){
if (row.employeeLevel <= 2 ) {
return null;
} else {
return value;
}
}
},
{field:'mobile',title:'手机号码',width:120, hidden:true}
] ],
loadFilter : function(data) {
var result = {};
if (!data.hasOwnProperty("success")) {
result = data;
} else {
if (data.success == true) {
result = data.obj;
} else {
$.messager.show({
msg : data.msg,
title : '提示'
});
return {'total' : 0, 'rows' : []};
}
}
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', result);
}
});
if (!result.originalRows){
if (result.rows.length == allProcessData.length) {
result.originalRows = allProcessData;
} else {
result.originalRows = (result.rows);
}
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
result.rows = (result.originalRows.slice(start, end));
if (!result.footer) {
var footer = [{departmentCode: result.total, partQtyBacklog: 0, panelQtyBacklog: 0, partsArea: 0, startQuantity: 0}];
$.each(result.originalRows, function(index, value) {
footer[0].partQtyBacklog += value.partQtyBacklog;
footer[0].panelQtyBacklog += value.panelQtyBacklog;
footer[0].partsArea += value.partsArea;
footer[0].startQuantity += value.startQuantity;
});
result.footer = footer;
}
return result;
}
});
2、loadFilter中加入分页相关代码
优点:可以减少界面中<tr>容量,加快加载页面的速度
$('#employeeDG').datagrid({
title:'职员列表',
fit: true,
fitColumns: false,
border: false,
//view: scrollview,
pagination:true,
pageSize:50,
columns : [ [
{field: 'deptName',title:'部门',width:160},
{field : 'name',title : '姓名',width : 100},
{field:'extentionPhone',title:'分机号',width:100},
{field:'groupPhone',title:'深南短号',width:100},
{field:'corporatePhone',title:'公务手机',width:120,
formatter: function(value, row, index){
if (row.employeeLevel <= 2 ) {
return null;
} else {
return value;
}
}
},
{field:'mobile',title:'手机号码',width:120, hidden:true}
] ],
loadFilter : function(data) {
var result = {};
if (!data.hasOwnProperty("success")) {
result = data;
} else {
if (data.success == true) {
result = data.obj;
} else {
$.messager.show({
msg : data.msg,
title : '提示'
});
return {'total' : 0, 'rows' : []};
}
}
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', result);
}
});
if (!result.originalRows){
if (result.rows.length == allProcessData.length) {
result.originalRows = allProcessData;
} else {
result.originalRows = (result.rows);
}
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
result.rows = (result.originalRows.slice(start, end));
if (!result.footer) {
var footer = [{departmentCode: result.total, partQtyBacklog: 0, panelQtyBacklog: 0, partsArea: 0, startQuantity: 0}];
$.each(result.originalRows, function(index, value) {
footer[0].partQtyBacklog += value.partQtyBacklog;
footer[0].panelQtyBacklog += value.panelQtyBacklog;
footer[0].partsArea += value.partsArea;
footer[0].startQuantity += value.startQuantity;
});
result.footer = footer;
}
return result;
}
});
相关文章推荐
- easyui------显示隐藏列功能
- more、less 和 most 的区别
- 如何使用jquery easyui创建标签组件
- Flex4 DataGrid中嵌入RadioButton实现思路及代码
- datagrid不可编辑行有关问题的控制方法
- 十万条Access数据表分页的两个解决方法
- jQuery寻找n以内完全数的方法
- sqlserver关于分页存储过程的优化【让数据库按我们的意思执行查询计划】
- 高效的mysql分页方法及原理
- C#实现改变DataGrid某一行和单元格颜色的方法
- asp又一个分页的代码例子
- 推荐10个2014年最佳的jQuery视频插件
- SqlServer 2000、2005分页存储过程整理第1/3页
- C#设置WinForm中DataGrid列的方法(列宽/列标题等)
- ADO存取数据库时如何分页显示
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- 透彻掌握ASP分页技术很详细的分析
- 一条SQL语句搞定Sql2000 分页
- javaweb编写分页mysql