Datatables每5秒更新一列

我使用datatables显示若干信息和按钮。这是用于初始化数据表Datatables每5秒更新一列

if (! $.fn.DataTable.isDataTable('#datatableTable')) { 
     datatableTable = $('#datatableTable').DataTable({ 
      responsive: true, 
      columnDefs: [ 
         { "width": "25%", "targets": 4}, 
         { 
          targets: [4,5,6], 
          //set priority to column, so when resize the browser window this botton stay on the screen because have max priority 
          visible: (document.getElementById('role').value == '[ROLE_ADMIN]' || document.getElementById('role').value == '[ROLE_FLEET_ENG]' 
           || document.getElementById('role').value == '[ROLE_SUPPLIER]'), 
          responsivePriority: 1, 
          orderable: false, 
          searchable: false, 
         }, 
         ... 
         ], 
         //fix problem with responsive table 
         "autoWidth": false, 
         "ajax":{ 
          "url": "datatable/" + $("#selectedCar").val(), 
          "dataSrc": ... 
            return json.result.data;            
          }, 
          "error": function (xhr, error, thrown) { 
           window.location.href = "/DART/500"; 
          } 
         }, 
         "columns": [ 
            .... 
            {data:null, render: function (data, type, row) { 
             var datId="deleteDat"+row.idAcquisition; 
             if (row.datUploaded){ 
              return '<button type="button" class="btn btn-danger" name="deleteDat" target="'+row.idAcquisition+'" id="'+datId+'" data-toggle="modal"' 
              +'data-target="#deleteDatModal">Delete</button>' 
             }else 
              return '<button type="button" class="btn btn-danger" name="deleteDat" target="'+row.idAcquisition+'" id="'+datId+'" data-toggle="modal"' 
              +'data-target="#deleteDatModal" disabled>Delete</button>'           
            }, 
            ], 
            "fnDrawCallback": function(data, type, row, meta) { 
             //Initialize checkbox for enable/disable user 
             $("[name='my-checkbox']").bootstrapSwitch({size: "small", onColor:"success", offColor:"danger"}); 
            }, 
     }); 
    } 
    else { 
     datatableTable.ajax.url("datatable/" + $("#selectedCar").val()).load(); 
    }

第5列（从0开始）具有按钮的JavaScript，每个按钮可被禁用或启用依赖于datUploaded布尔值。如果用户加载文件，这个变量会发生变化，但是这个值已经在异步任务之后设置，所以我不知道在我的JavaScript何时该任务结束。

我以为每5秒钟只更新一次这一栏，但我该怎么办呢？我发现datatableTable.column(5).cells().invalidate().render()但我收到一个错误（第0行未知参数“isShow”），更新不起作用。你能帮我吗？谢谢

来源

2016-06-10 luca

能否请您剥离下来你的示例代码实际问题的部分（S） – fast

现在是更好？我认为问题是“fnDrawCallback”和说明更新列 – luca

你说“设置异步任务后，所以我不知道在我的JavaScript何时结束”，但你可以传递.load（）回调到在ajax调用终止后执行，所以你实际上可以知道任务结束的时间。 – lud1977

正如我在评论中所说的，您可以传递.load（）一个回调函数，当ajax请求完成时它会自动调用。在此回调中，您可以根据需要更新您的表格。更新表格后，请记得致电datatableTable.draw();应用更改。

我不认为invalidate（）和render（）是必要的。

所以你else分支将类似于

datatableTable.ajax.url("datatable/" + $("#selectedCar").val()).load(function() { 
    /* 
    ...do something to the table... 
    */ 

    datatableTable.draw(); 
});

来源

2016-06-10 09:08:18 lud1977

异步任务（Spring）在服务器上，我应该每5秒调用一次datatable.draw（）？我想只更新该列，而不是所有的表，否则我可能会使用datatableTable.ajax.reload（）; – luca

对不起，我从理所当然的你指的是ajax调用。是的，如果任务在服务器上独立于脚本并行执行，那么您需要轮询服务器以查找结果。你有可以打电话来获取更新信息的网址吗？ – lud1977

我有所有的表的URL，更新是datUploaded为true或false。我无法更新所有表格，因为用户可能会加载信息或进行其他操作 – luca

Datatables每5秒更新一列

回答

相关问题