dataTable 定时更新数据

旧城等待, 2021-10-08 06:42 446阅读 0赞
  1. var tables;
  2. $(document).ready(function() {
  3. createTable();
  4. });
  5. function machKanbanMethod1233() {
  6. tables.destroy();
  7. createTable();
  8. }
  9. function createTable() {
  10. var code = '';
  11. var machCode = '';
  12. $.ajax({
  13. type: "post",
  14. url: "/machKanban/getMachKanbanInfo",
  15. async: false,
  16. success: function(data) {
  17. .......
  18. }
  19. });
  20. tables = $('#machkanbandataTable').DataTable({
  21. destroy: true,
  22. "bSort": false,
  23. "iDisplayLength": 25,
  24. //jquery datatable默认每页显示多少条数据
  25. language: {
  26. "sProcessing": "处理中...",
  27. "sLengthMenu": "显示 _MENU_ 台结果",
  28. "sZeroRecords": "没有匹配结果",
  29. "sInfo": "显示第 _START_ 至 _END_ 台,共 _TOTAL_ 台",
  30. "sInfoEmpty": "显示第 0 至 0 台结果,共 0 台",
  31. "sInfoFiltered": "(由 _MAX_ 台结果过滤)",
  32. "sInfoPostFix": "",
  33. "sSearch": "查询:",
  34. "sUrl": "",
  35. "sEmptyTable": "数据为空",
  36. "sLoadingRecords": "载入中...",
  37. "sInfoThousands": ",",
  38. "oPaginate": {
  39. "sFirst": "首页",
  40. "sPrevious": "上页",
  41. "sNext": "下页",
  42. "sLast": "末页"
  43. },
  44. "oAria": {
  45. "sSortAscending": ": 以升序排列此列",
  46. "sSortDescending": ": 以降序排列此列"
  47. }
  48. }
  49. });
  50. timeouts.push(setTimeout("machKanbanMethod1233()", 10000));
  51. }
  52. div class="row" style="width:100%">
  53. <div class="col-lg-12 col-md-12 col-xs-12">
  54. <div class="x_content">
  55. <div class="row top_tiles">
  56. 注:
  57. <span style="color:green;">
  58. 绿色:正常;
  59. </span>
  60. <span style="color:blue">
  61. 蓝色:调机;
  62. </span>
  63. <span style="color:red">
  64. 红色:待机;
  65. </span>
  66. <span style="color:orange">
  67. 橙色:其他;
  68. </span>
  69. <span style="color:gray">
  70. 灰色:此时机器是断开的,且此时的状态是断开前的状态;
  71. </span>
  72. <table id="machkanbandataTable" class="col-md-12 col-sm-12 col-xs-12">
  73. <thead>
  74. <tr>
  75. <th>
  76. </th>
  77. </tr>
  78. </thead>
  79. <tbody id="machkanbanContent" class="">
  80. </tbody>
  81. </table>
  82. </div>
  83. </div>
  84. </div>
  85. </div>

发表评论

表情:
评论列表 (有 0 条评论,446人围观)

还没有评论,来说两句吧...

相关阅读

    相关 DataTable过滤某些数据

    要过滤DataTable中的某些数据,可以使用以下方法: 1. 使用Select方法:可以使用DataTable的Select方法来筛选满足指定条件的数据行。该方法接受一个