2013-01-10 3 views
-2

현재 내 프로젝트 중 하나에서 jQuery 데이터 테이블을 사용하고 있습니다. 내가 갇혀있는 것은 새로운 행을 동적으로 추가 할 수 있고 동시에 알파벳 순서에 행을 추가 할 수 있다는 것입니다.jquery datatables 알파벳순으로 새 행 추가

API에서 fnadddata를 사용하여 행을 추가해야하지만이 함수는 테이블 끝에 새로운 행만 추가한다는 것을 알고 있습니다. 알파벳 순서에 따라 추가하지 않습니다. 따라서 나는 수동으로 행을 추가 할 위치를 찾기 위해 자신의 코드를 작성합니다.

$(".rowList").each(function() { 
    if($(this).text().toLowerCase() > eObj.response.name.toLowerCase()) { 
     $(this).closest("tr").before(eObj.response.html); // html is the new row from server 
     return false; 
    } 
} 

위의 코드는 알파벳순으로 위치를 찾고 이에 따라 테이블에 새로운 행을 만듭니다. 그러나 물론 데이터 테이블 fnaddData 함수를 사용하지 않으므로 행이 추가되고 테이블의 일부 이벤트 (예 : 정렬, 검색, 필터링)를 클릭하면 새 행이 사라집니다.

데이터 테이블의 DOM 및 캐시 문제로 인해 이것을 이해합니다. 이 문제를 처리 할 수있는 방법이 있습니까?

답변

0

fnadddata를 사용하여 끝에 삽입 한 다음 열의 알파벳순 값을 기준으로 행을 정렬 할 수 없습니까?

+0

답장을 보내 주셔서 감사합니다. 나는 그렇게하려고 노력했다.하지만 datatables에서 새로운 행을 정렬하는 것은 단지 맨위로 또는 맨 아래로 이동한다. 알파벳순으로 정렬 할 수 없습니다 –

0

fnAddData는 테이블을 실행 한 후에 가장 정확하게 정렬합니다 (예 : http://live.datatables.net/aceyed/edit#javascript,html). 문제가있는 테스트 케이스에 링크하십시오.

+0

fnAddData 설명서에는 기본적으로 정렬된다는 것이 표시되어 있지만 원하는 경우 정렬을 해제 할 수도 있습니다. https://datatables.net/api – user