Bootstrap Table实现定时刷新数据的方法

发布时间：2020-12-18 00:31:58 所属栏目：安全来源：网络整理

导读：推荐第二种方法令表格的id为realTimeTable 1、毁掉表格，再查询数据后append，如果你查大量的数据（例如：查询很多渠道的信息），而获取服务器数据又太慢，你就会看到表格在一行一行的增加定时器，多长时间执行一次，自己定义，此处是30S 先定义一个函数，

推荐第二种方法

•令表格的id为realTimeTable

1、毁掉表格，再查询数据后append，如果你查大量的数据（例如：查询很多渠道的信息），而获取服务器数据又太慢，你就会看到表格在一行一行的增加

•定时器，多长时间执行一次，自己定义，此处是30S

•先定义一个函数，里面放入查询的方法updateRealTimeData和你所自定义使用的方法

•方法updateRealTimeData

•方法showTableData

2、使用updateRow方法

•首先，得存在表格，里面有数据，才能更新行，否则没作用。此方法不会像上面的方法表格消失再增加，这个是整体不变，里面的数据会自动更新

•定时器，和上面一样，多长时间执行一次，自己定义，此处是30S

function changeData(i,......){
$('#realTime_Table').bootstrapTable('updateRow',{
//i表示第几行，从0开始
index: i,row: {
//这里也就是data-field的名称,表示字段名
date: msg.
.
.
.
.
}
});
}

总结

以上所述是小编给大家介绍的Bootstrap Table实现定时刷新数据的方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!