2014-12-17 3 views
0

내 프로젝트 중 하나에서 jQuery DataTable 플러그인을 사용하고 있으며 구성하는 데 어려움이 있습니다.jQuery DataTable plugin 데이터가 손실됩니다.

데이터 테이블 플러그인을 정렬 용도로만 사용하고 있으므로 다른 옵션은 사용할 수 없습니다.

테이블이 웹 서비스의 콜백 기능을 통해 생성됩니다. 웹 서비스가 호출을하고 JSON 객체를 반환합니다. 다음과 같이 내가 그 테이블에 DataTable을 초기화하는 JSON을 구문 분석하고 테이블 행을 구성하고 있습니다 :

$('.table').each(function() { 
    $(this).DataTable({ 
     "paging": false, 
     "searching": false, 
     "info" : false 
     }); 
}); 

문제는 테이블 내용이 페이지 새로 고침없이 업데이트 될 수 있음을 내가해야하는 다시 초기화 새 테이블이 작성 될 때마다 테이블.

위의 방법으로 테이블을 초기화 할 때 플러그인이 다시 초기화 문제를 나타내는 오류 경고를 표시합니다.

는 "파괴": 그래서 내가 먼저 다음과 같은 속성을 사용하여 이전 테이블 오브젝트를 파괴 할 필요가 발견 사실을

지금과 같이 보일 것이다 초기화 코드는 다음과 같습니다 : 지금 그러나

$('[data-ride="datatables"]').each(function() { 
    $(this).DataTable({ 
     "paging": false, 
     "searching": false, 
     "info" : false, 
     "destroy": true 
     }); 
}); 

플러그인은 거기에 있어야하는 행을 잃어 버립니다. DataTable 플러그인을 사용하지 않도록 설정하면 모든 행이 정확하며 일부 행을 사용 설정하면 길을 잃게됩니다.

아무도 내가 잘못하고있는 것을 말해 줄 수 있습니까?

미리 감사드립니다.

답변

0

반환 된 JSON에서 HTML로 여러 테이블을 만들고 나중에 데이터 테이블로 초기화하고 해당 단계를 반복하여 데이터를 업데이트 할 수 있습니까? 그렇다면 데이터 테이블 API를 사용하여 새 데이터를 새로 만들고 HTML을 통해 데이터를 추가하는 대신 새 데이터를 지우고 추가하는 데 도움이됩니다. 그렇게하면 전체 데이터 처리가 훨씬 깨끗해지고 오류를 추적하고 수정하는 것이 훨씬 쉬워집니다.

관련 문제