Angularjs DataTable表格自动刷新

前盐
在angularjs中使用了DataTable,但是数据不会自动刷新，看了一下文档，发现了可以使用ajax重新加载就可以了。

开始
这是DataTable的信息

 // 如果不想使用fnDestory(),可以在里面使用destory 在每次生成表数据时，都销毁一次。$('#wifilistmessage').dataTable().fnDestroy();wifilisttable = $('#wifilistmessage').DataTable( {paging: true,iDisplayLength:10,aLengthMenu:[10,15],dom:'ftilp',//destory:true,oLanguage:{sInfo:"显示第_START_至_END_项结果，共_TOTAL_项",sLengthMenu:"每页显示_MENU_项结果",sSearch:'搜索:',oPaginate : {"sFirst" : "首页","sLast" : "尾页","sPrevious" : "上一页","sNext": "下一页",},bProcessing:"加载中。。。",sEmptyTable: "暂无数据",},ajax:{url:'http://127.0.0.1:5000/wifiinfo',dataSrc:'wifiinfo',async:false,},columns:[/* {data:"null",render:function () {return '<input class="wifiname" name="wifiname"  type="checkbox" data-value="1">'}},*/{ data: "wifiname" },{ data: "company" },{ data: "asset_mac",name:'asset_mac'},{ data: "encrpy"},{ data: "avg_signal"},{ data: "channel"},{ data: "status"},]});

要做到自动刷新，我的思路是加一个定时，然后定时让dataTable的ajax 重新加载接口数据。

var i=1;var time1 = $interval(function () {//console.log(bluemessagetable);bluemessagetable.ajax.reload();console.log('times',i+=1);}, 10000);$scope.$on('$destory',function () {$interval.cancel(time1);});

这样就达到了自动刷新的目的啦。
有其他方法的朋友请留言，一起学习进步

Angularjs DataTable表格自动刷新相关推荐

elementUI表格自动刷新
今天处理了一个特复杂的产品逻辑,遇到了表格没有自动刷新的问题,找到了解决方法,原因还没找到,记录一下解决方法: :key="Math.random()" <el-table ...
android表格自动刷新,Android SwipeRefreshLayout 自动刷新
调用Android的SwipeRefreshLayout 的setRefreshing() 方法,本以为可以完成像知乎客户端的自动刷新,可是并没有,在网上找了一下问题的所在 Paste_Image.p ...
android表格自动刷新,IT之家安卓版v1.61：专栏新闻列表自动刷新
IT之家讯 12月5日消息,继上个版本对稳定性进行提升后,今天全新IT之家安卓客户端v1.61也正式与大家见面. 新版IT之家客户端主要增加了新闻列表自动刷新等功能,方便用户第一时间获取最新资讯信息: ...
dataTable 表格组件刷新问题记录
1 . 重绘使用fnDraw() 进行刷新表格使用的前体是开启了服务端分页和查询时使用此进行刷新表格 fnDraw(boolean)true : 表示整体刷新且刷新后到起始页 false : 刷 ...
如何使用表格自动获取网页上的表格数据，并自动刷新
简介本文介绍了如何通过Excel获取每日的基金净值,并自动刷新,方便各个平台的基金进行统计.这里假设从平台1在2019年8月20日购买编号为000001基金100元,从平台2在2019年8月19日购 ...
LayUI数据表格自动定时刷新，并且停留在当前页面
朋友刚刚来找我说,想要LayUI的数据表格定时刷新,刷新之后能够停留在当前页面,但是在查询的时候表格又要从第一页开始. 一开始我是想着自动刷新就使用$.post()+定时器,当前页面的话,加个参数区分 ...
aspose.words 合并相同值的单元格_合并相同的单元格，你用了1小时，同事只要30秒，还支持自动刷新...
Hello.大家好,今天跟大家分享下如何批量合并表格中相同的单元格,并且还能达到自动刷新的效果.合并相同单元格能够让表格看起来更加的美观,同时也能让表格看起来层次分明,更加方便我们阅读数据.话不多说, ...
layui标签页切换并自动刷新
layui每打开一个页面就会以标签页的形式保留在导航条上,然而我们在其他的标签页改了数据,再切换回去页面数据还是以前的,这里就需要一个切换标签页显示并自动刷新当前标签页咯,保证每次切换回来就能看到新数 ...
EasyAdmin弹出层关闭后如何自动刷新当前页面
找到easy-admin.js 搜索$('body').on('click', '[data-open]', function () 下面内容替换这个方法 $('body').on('click', ...

Angularjs DataTable表格自动刷新

Angularjs DataTable表格自动刷新

Angularjs DataTable表格自动刷新相关推荐

最新文章

热门文章