여러 데이터 테이블이 공존하면 여러 테이블의 확인란이 선택됩니다

여러 데이터 테이블이 공존하면 여러 테이블의 확인란이 선택됩니다_jquery

WBOY

풀어 주다： 2016-05-16 17:29:12

원래의

1324명이 탐색했습니다.

[문제 원인]
jquery.datatable 컨트롤 자체의 결함이어야 합니다.
이 컨트롤의 체크박스 플러그인 ID는 하드코딩되어 있으므로 한 페이지에서 여러 데이터 테이블을 참조하면 모두 선택 이벤트가 모든 데이터 테이블과 일치하므로 여러 테이블의 체크박스가 모두 차단됩니다. 선택된.

[해결책]
따라서 jquery.datatable 컨트롤을 수정하고 생성된 각 데이터 테이블 아래의 확인란에 다른 ID를 부여하는 것이 가장 좋습니다. ID는 고유한 ID를 형성하기 위해 확인란의 접두어로 사용됩니다. 특히 이벤트를 호출하려면 이 확인란의 호출 이벤트도 동기화하고 이 새 ID로 바꿔야 합니다.
[파일 수정]
jqurey.datatable.ext.js (v0.0.1)

1. Init 메소드 수정:

복사 코드 코드는 다음과 같습니다.

$("#" options.select_table).find('thead tr th:first-child')
.prepend( '')
==>
$("#" options.select_table).find( 'thead tr th:first-child')
.prepend('')

2.subscribeAllChk 메소드 수정:

코드 복사 코드는 다음과 같습니다.

 
$("# chk_all").click(function(){ 
==> 
$("#" $.fn.datatable_ext.defaults.select_table "_chk_all").click(function() { 

3.subscribeChk 메소드 수정:

코드 복사 코드는 다음과 같습니다.

 
if(checked_chk_num == curr_page_chk_num){ 
$("#chk_all").attr('checked', 'checked') 
}else{ 
$("# chk_all").removeAttr('checked' ); 
} 
==> 
if(checked_chk_num == curr_page_chk_num){ 
$("#" $.fn.datatable_ext.defaults.select_table "_chk_all").attr('checked', 'checked'); 
}else{ 
$("#" $.fn.datatable_ext.defaults.select_table "_chk_all").removeAttr('checked') ; 
} 