这两天在写表格数据分页的时候遇到了点问题如下:
表格的分页按钮是用链接做的,如图所示
页面初始化如图所示:
当我第一次点击第一页按钮如上图所示,但当我第二次点击第一页按钮的时候数据就累加了,如下图所示
试过给数据清空,要么数据没了,要么就是数据还是叠加
大致代码如下:
const api_url = '....';//url保证没错
var p = Forguncy.Page,
table = p.getListView('表格1');
var total = 0;
var arr = [];
$.get(api_url, { page: 2, limit: 5 }, function(res) {
var total = res.total; //总行数22898
var res = res.data.item;
console.log(res);
for (x in res) {
var obj = {};
obj.bar_code = res[x].bar_code;
obj.cost_price = res[x].cost_price;
obj.packing_specification = res[x].packing_specification;
obj.product_code = res[x].product_code;
obj.product_name = res[x].product_name;
obj.product_price = res[x].product_price;
obj.second = res[x].second;
arr.push(obj);
}
console.log(arr);
table.reload();
//定义事件处理函数
var reload = function() {
console.log('这里是第一页哦!!');
for (x in arr) {
table.addNewRow([
arr[x].product_code, //商品编码
arr[x].product_name, //商品名称
'无',
arr[x].cost_price, //成本价
arr[x].product_price, //零售价
arr[x].packing_specification, //包装规格
arr[x].second, //计量单位
arr[x].bar_code, //条形码
'修改',
'查看',
'删除'
]);
}
}
table.bind("reloaded", reload);
});
|