done - 数据渲染完的回调
类型:Function,默认值:无
无论是异步请求数据,还是直接赋值数据,都会触发该回调。你可以利用该回调做一些表格以外元素的渲染。
介绍:
table.render({ //其它参数在此省略
done: function(res, curr, count){
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
console.log(res);
//得到当前页码
console.log(curr);
//得到数据总量
console.log(count);
}
});
需求:删除时如果当前页面没有任何数据,自动向前面的页面+1
使用方式:
//日志列表
tableIns = table.render({
elem: '#loginfoList', // 对应table的id
url : '/loginfo/queryLoginfoList',
id : 'loginfoListTable'
,toolbar: '#toolbarDemo' //开启头部工具栏
,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
//,curr: 5 //设定初始在第 5 页
,first: '首页' //不显示首页
,last: '尾页' //不显示尾页
,limit: 10 // 默认展示条数1000000
,limits: [10,20,30,40]//定义选择条数
}
,cols: [ [ //表头
{type: "checkbox", fixed:"left"},
{field: 'id', title: '序号'}
,{field: 'loginname', title: '登录名称'}
,{field: 'loginip', title: '登录设备'}
,{field: 'logintime', title: '登录时间'}
,{fixed: 'right', title:'操作',toolbar: '#loginfoListBar',width: 80}
] ],done: function(res, curr, count){
if(res.data.length == 0 && curr !=1){
tableIns.reload({
page: {
curr: (curr-1) //重新从第 1 页开始
},
})
}
}
});
主要代码:
done: function(res, curr, count){
if(res.data.length == 0 && curr !=1){
tableIns.reload({
page: {
curr: (curr-1) //重新从第 1 页开始
},
})
}
}