Datatables에서 input으로 입력한 값을 가져오고 싶습니다.

Question

$(document).ready(function () { dataTableInit(); });위와같이 페이지를 로드할 때 datatable을 불러옵니다.아래와 같이 데이터테이블을 불러오고, 결과값중 3번째 컬럼에 contentModal을 호출해서 팝업창으로 내용을 보여지게 만들었습니다. function dataTableInit() { table = $('#dataTable').DataTable({ .... autoWidth: false, info: false, ajax: { url: callUrl, type: 'get', dataSrc: '', }, columns: [ {data: 'email', title: '이메일'}, {data: 'nickname', title: '닉네임'}, {data: 'content', title: '내용', defaultContent: '0', render: contentModal}, ] }); }contentModal 함수를 통해서 버튼을 클릭할 때 모달창으로 새로운 데이터를 불러오게 만들었습니다.function contentModal(id, mode) { $("#myModalLabel").text('상세 내용'); table = $("#detailModal").DataTable({ .... language: lang_kor, autoWidth: false, info: false, .... ajax: { url: callUrlModal, type: 'get', dataSrc: '', }, columnDefs: [ // {data: '', title: 'id'}, {data: 'id', title: '아이디', width: '10%', targets: 0}, ... {data: 'content', title: '상세 내용', render: function (data, type, row, meta) { let i = row.i; let totalCnt = row.totalCnt; if (modalMode == 'totalList') { return ` `; } }, width: '40%', targets: 2}, ], }) }위와같이 모달창에서 새로운 데이터를 데이터테이블을 통해서 불러왔습니다.위에서 changeTotalCntBtn 버튼을 클릭하면 아래와 같이 콘솔로 값을 출력하는데id, totalCnt는 정상적으로 출력이 됩니다.(changeTotalCntBtn에서 인자값으로 넘겨줘서)그런데 changeTotalCnt값을 모달창에서 변경을 하고, changeTotalCntBtn을 클릭하면 changeTotalCnt 값을 가져오지 못하고 undefined로 출력이 됩니다. function changeTotalCntBtn(id, totalCnt) { let $changeTotalCnt = $('#changeTotalCnt').val(); console.log("sdfsdfsdf : ", id, totalCnt, $changetotalCnt) }혹시 데이터테이블에서 columns 또는 columnDefs로 출력되는 결과값들중 input값에 입력한 값을 변경을 할려고 하는데 위와같은 방법으로 변경된 값을 가져올려고 하면 정상적으로 가져오지 못하는데 혹시 가져올 수 있는 방법이 있을까요?

닦붕 · Accepted Answer

$(this).closest('.row').find('input[name&#61;changeTotalCnt]').val()으로 가져오시면 됩니다.

Datatables에서 input으로 입력한 값을 가져오고 싶습니다.

1개의 답변

#datatables 목록