如何在调用页面事件后刷新DataTables?

时间:2014-07-31 17:57:07

标签: javascript jquery css datatables

这是我的情景......

我正在使用DataTables分页。我的第一列是基于传入数据的css样式。因此,我在表格中显示项目属性的正确彩色图标。第1页上的所有内容都正确显示。只是做基础知识,其他页面上的所有内容都不会显示,因为此时它已从DOM中删除。

所以,我做$('#my_id').on('page.dt', function() {perPageFunctionCall();}).dataTable(so on an so forth)};来调用一个选择正确颜色标记的函数。

当我点击第2页时,没有任何内容得到更新。我再次点击第1页,它会正确地重新显示第1页。我现在第二次点击第2页,这次它正确地显示了所有内容。

那么是什么导致显示器不能用我的新css更新第一次旅行,而是在随后的旅行中正确显示?完成我的css操作后,是否有某种方法刷新元素或数据表?

2 个答案:

答案 0 :(得分:0)

这是两件事之一:

要么是

1:我添加了

    .on( 'order.dt',  function () { perPageFunctionCall(); } )
    .on( 'search.dt', function () { perPageFunctionCall(); } )

除了我的页面函数调用。

但更有可能是每个人都喜欢的原因:

2:缓存

在任何一种情况下,它都能按预期完美地工作。

答案 1 :(得分:0)

用于刷新resp。表:

var path = "/server_processing.php";

var dt = $('#tableid').DataTable();
dt.clear();
dt.draw();
dt.ajax.url(path).load()