[javascript] DataTables에서 행에 대한 이벤트 핸들러를 등록하는 방법은 무엇인가요?
DataTables에서 행에 대한 이벤트 핸들러를 등록하는 방법은 아래와 같습니다:
$(document).ready(function() {
var table = $('#example').DataTable();
$('#example tbody').on('click', 'tr', function() {
var data = table.row(this).data();
alert('선택된 행의 데이터: ' + data);
});
});
먼저, DataTables를 초기화하고 테이블 객체(table
)를 생성합니다. 그런 다음, $('#example tbody').on('click', 'tr', function() { ... });
와 같은 코드를 사용하여 테이블의 tbody 요소에 클릭 이벤트 핸들러를 등록합니다.
위의 코드에서는 테이블의 행을 클릭했을 때, 해당 행의 데이터를 가져와서 알림창으로 보여주는 예시입니다. 이벤트 핸들러 안에서 this
는 클릭된 행의 DOM 요소를 가리키며, table.row(this).data()
를 사용하여 해당 행의 데이터를 가져올 수 있습니다.
이 방법을 사용하면 DataTables에서 행에 이벤트 핸들러를 쉽게 등록할 수 있습니다.