Prevent new callback until server has responded

errorknees

I have set up a custom "processing" indicator like this:

[code]
var grid = $('#grid').dataTable({
"fnServerData": function (sSource, aoData, fnCallback) {
showLoader();
etc etc.
},
"fnDrawCallback": function (oSettings) {
hideLoader();
}
[/code]

How do I prevent the user from performing any actions on the DataTable until it has been redrawn? Is there a built-in way to do this or do I need to add my own code that will 'return false;' on any click until the DataTable is ready for a new action..

allan

Yup - you need to add some code to handle it. Putting a position:fixed element over the whole page should do it. You could even use the built in processing element to do that thinking about it.

Allan

errorknees

I tried wrapping my DataTables table in a div but it's not working..

[code]
$(document).ready(function () {
$('#wrapper').click(function (e) {
return false;
});
});
[/code]

How could I use the built-in processing element?

errorknees

blockui. is nice. problem solved.