实现前提:datagrid在客户端分页的情况下不能利用全选checkbox选中全部数据。
实现功能:
①easyui datagrid可正常分页。
②分页新增总记录数值,以便可单页显示全部记录数用来导出列表全部数据。
dg.extendDataGrid({
url: "/api/YH/InventoryInfo/20/1/ListByPage",
idField: 'invCode', //标识符-翻页勾选记忆
singleSelect: false,
pagination: true,
columns: [[
{ field: 'ck', checkbox: true },
{ field: 'invCode', title: '产品编码', width: 80, align: 'center' },
{ field: 'invName', title: '产品名称', width: 150, align: 'center' },
{ field: 'spec', title: '规格', width: 100, align: 'center' },
{ field: 'unit', title: '单位', width: 20, align: 'center' },
{ field: 'unitPrice', title: '参考单价', width: 50, align: 'center' },
{ field: 'invCName', title: '分类名称', width: 80, align: 'center' },
{ field: 'setPartsFlag', title: '成套件', width: 30, align: 'center',
formatter: function (value, row, index) {
return formatPartsFlag(value, row);
}
},
{ field: 'safeNum', title: '安全库存量', width: 50, align: 'center' },
{ field: 'bSale', title: '销售', width: 30, align: 'center',
formatter: function (value, row, index) {
return formatYes(value, row);
}
},
{ field: 'bPurchase', title: '外购', width: 30, align: 'center',
formatter: function (value, row, index) {
return formatYes(value, row);
}
},
{ field: 'bSelf', title: '自制', width: 30, align: 'center',
formatter: function (value, row, index) {
return formatYes(value, row);
}
}],
onDblClickRow: function (rowIndex, rowData) { //双击行弹框查看
Product_List_view();
},
onLoadSuccess: function (data) {
var total = data.total; //获取总记录数
var p = $('#dg-product').datagrid('getPager');
$(p).pagination({
//实现分页条件加上总记录数total
pageList: [20, 40, 60, 100, total],
});
}
}, reg.data).datagrid('getPager').pagination({
layout: ['list', 'sep', 'first', 'prev', 'sep', 'links', 'sep', 'next', 'last', 'sep', 'refresh', 'info']
});