我可以使用 pace 代替 data-table 的处理吗？

Question

我想使用 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 的 ajax 请求吗？

Answer 1

听起来它应该默认适用于 AJAX 请求，如果您希望它适用于 sorting/processing 事件，您可能需要如下内容：

改编自https://datatables.net/reference/event/processing 您可能希望通过声音来触发数据表处理事件的 PACE：

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

Answer 2

好吧，如果您想为应用程序中的每个 ajax 请求显示 PACE，那么您可以像下面这样指定它

加载前添加节奏选项。

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

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

这将显示您对服务器的每个 ajax 请求的 PACE 进度条。

Answer 3

使用这种形式很简单：

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

我可以使用 pace 代替 data-table 的处理吗？

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

datatable

jquery

pace