데이터 테이블 처리 대신 페이스를 사용할 수 있습니까?

Datatable 님의 ajax 요청에 PACE을 사용하고 싶습니다. 그래서 데이터 테이블의 처리를 processing : false으로 비활성화했습니다. 그리고 나서 모든 Datatable의 아약스 요청을 표시하기 위해 PACE의 처리 막대를 어떻게 처리해야합니까? 당신은 아마거야 https://datatables.net/reference/event/processing 에서 적응데이터 테이블 처리 대신 페이스를 사용할 수 있습니까?

: 그냥 AJAX 요청에 대해 기본적으로 작동한다처럼 당신이 그것을 원하는하는 경우

출처

2016-10-03 Cataclysm

그것은 다음과 같은 것을해야 할 수도 있습니다/처리 이벤트를 정렬 적용, 사운드 사물의 소리에 의해 데이터 테이블 처리 이벤트에 PACE를 트리거 할 :

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

출처

2016-10-03 03:54:04 Brian

AJAX에서 자동으로 작동하지 않는 경우 preXhr 및 xhr 이벤트를 사용할 수도 있습니다 (https://datatables.net/reference/event/preXhr 및 https://datatables.net/reference/event/preXhr). 이러한 특정 이벤트에 대한 문서를 참조하십시오. 위의 예제를 (preXhr.dt와 on on'xhr.dt'에) 위의 예제를 적용하는 것은 상당히 간단합니다. hooking을 필요로하는 두 개의 이벤트가 될 것입니다. – Brian

내 어플리케이션에서, 데이터 테이블을 사용하는 많은 페이지를 가지고 있습니다. 다른 ** id ** s. 기존 코드를 수정하는 대신 전체적으로 설정할 수 있습니까? – Cataclysm

설명대로 작업입니다. ** pace **의'ajax' 옵션을'false'로 설정해야합니까? – Cataclysm

을 당신은 다음처럼 지정할 수 있습니다 응용 프로그램의 모든 아약스 요청에 대한 PACE을 보여주고 싶은 음 경우

아래

페이스 옵션을로드하기 전에 추가하십시오.

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

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

이렇게하면 서버에 대한 모든 Ajax 요청에 대해 PACE 진행률 막대가 표시됩니다.

출처

2016-10-03 06:43:59

예. 맞습니다. [PACE Documentation] (http://github.hubspot.com/pace/)에서도이 내용을 읽었지만 DataTable의 ajax 요청에는 영향을 미치지 않습니다. 그러나 나는 localhost에서 실행 중이며 요청이 너무 빠름을 확신하지 못합니다. – Cataclysm

필자의 경우,'DataTables' ('DataTables' ajax 요청을 통해)를로드 할 때 완벽하게 작동합니다. 문제의 'JSFiddle'을 만들 수 있습니까? –

제 경우에는 처음 페이지 로딩에서 작동합니다. 나는 이것을 [dataTable search] (https://datatables.net/reference/api/search())를 트리거하는 것으로 가져오고 싶습니다. – Cataclysm

데이터 테이블 처리 대신 페이스를 사용할 수 있습니까?

답변

관련 문제