[Error] datatables 엑셀출력이 여러개되는 현상

한 메뉴에 버튼으로 세부메뉴가 있는데, 클릭할 때마다 테이블을 다시그리는 로직이다.

메뉴를 클릭한 횟수만큼 엑셀을 출력할 때 파일갯수가 늘어나는 현상을 발견.

[해결방법]

$('#excelButton').off('click').on('click', function() {
    // 엑셀 내보내기 로직
});

 

해당 오류 발생한이유 >> 메뉴 버튼을 클릭할 때 테이블 init을 다시하면서 이벤트가 중복으로 binding 되어 이벤트가 메뉴클릭한 갯수만큼 쌓여있던것. 그래서 binding할 때 기존의  click 이벤트를 off시키고 다시 click이벤트 생성.