Can I use pace instead of data-table's processing?

Question

I'd like to use PACE for Datatable 's ajax requests. So , I disabled the datatable's processing as processing : false . And then what do I need to work PACE 's processing bar for showing every Datatable 's ajax requests ?

Answer 1

It sounds like it should just work by default for AJAX requests, if you're wanting it to apply for sorting/processing events you might need something like the following:

Adapted from https://datatables.net/reference/event/processing You'll probably want to trigger PACE on the datatable processing event by the sounds of things:

$('#dataTable')
    .on( 'processing.dt', function ( e, settings, processing ) {
        if(processing){
            Pace.start();
        } else {
            Pace.stop();
        }
    })
.dataTable();

Answer 2

Well if you want to show the PACE for every ajax request in your application then you can specify it like below

Adding the pace options before loading it.

    <script>
        window.paceOptions = {
            ajax: {
                trackMethods: ['GET', 'POST', 'PUT', 'DELETE', 'REMOVE']
            }
        };

    </script>
    <script src="../js/progressBar/pace.min.js"></script>

This will show up your PACE progress bar for every ajax request to your server.

Answer 3

Is simple use this form:

$('#dataTable').on('processing.dt', function(e, settings, processing) {
    if (processing) {
      Pace.stop();
      Pace.bar.render();
    } else {
      Pace.stop();
    }
  }).DataTable();