jquery datatable突出显示下降后重新加载

Question

我有一个使用ajax加载值的数据表。

var table = $('#example').DataTable({ 
    "ajax": "xxxxxx.aspx", 
    stateSave: true, 
     "aLengthMenu": [ 
     [10, 25, 50, 100], 
     [10, 25, 50, 100] 
    ], 
     "iDisplayLength": 25, 
     "order": [ 
     [0, "desc"] 
    ], 
    columnDefs: [{ 
     "visible": false, 
     "targets": [2, 3] 
    }, { 
     "type": 'date-uk', 
     "targets": [1, 9, 10] 
    }, { 
     "type": 'title-string', 
     "targets": [11] 
    }], 
}); 

$('#example tbody').on('click', 'tr', function() { 
    if ($(this).hasClass('selected')) { 
     $(this).removeClass('selected'); 
    } else { 
     table.$('tr.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
    } 
}); 

使用setInterval，我要求该表每5秒重新加载一次。

setInterval(function(){table.ajax.reload(null, false)}, 5000); 

当Datatable重新加载时，它将从高亮行中删除。任何人都可以请告诉我如何在重新加载后保留行上的高光？

感谢

Answer 1

你可以做这样的事情：

function highlight() { 
    $('#example tbody').on('click', 'tr', function() { 
     if ($(this).hasClass('selected')) { 
      $(this).removeClass('selected'); 
     } else { 
      table.$('tr.selected').removeClass('selected'); 
      $(this).addClass('selected'); 
     } 
    }); 
} 

$(document).ready(function() { 

    // Call the function at document ready 
    highlight(); 

    // Call the ajax and the function every 5 seconds 
    setInterval(function() { 
     table.ajax.reload(null, false); 
     highlight(); 
    }, 5000); 

});