Datatable 사용 시 검색된 행 data로만 상세페이지에서 이전글 다음글 볼 수 있도록 하려면 어떻게 해야할까요ㅠ

Question

안녕하세요. 개발에 관심 갖기 시작한 개발자가 아닌 일반인입니다.. 이전에 개발되었던 소스(node js, mongodb, jquery, ejs)를 얻어 수정해보려고 하는데요.. 어떻게 수정해야할지 감이 오지 않아.. 방향성이라도 도움을 받고자 문의드립니다ㅠ <이전 소스> datatable 로 게시판이 구성되어 있고, 문제 열에 a태그에 url이 있어서 클릭 시 상세페이지로 이동 합니다. (이전/다음글 버튼 없었음) <하고자 하는 부분> 이전글 다음글 버튼 추가기능까지는 어떻게 구현을 했는데요. (전체 data list에서 현재 상세페이지 id값 index 구해서 이전글 다음글 이동하는 상태입니다.) 전체 데이터에서 이전글 다음글 버튼이 돌아가는 게 아니라 검색된 행 데이터 내에서만 이전글 다음글이 동작하도록 하고 싶은데,어떻게 해야할지 방향성을 도저히 모르겠습니다ㅠ (제가 시도한 부분) 이전글 다음글 기능 구현했으므로 상세보기 하려는 행 클릭 시 => 검색된 행 id값을 얻어서, => 서버로 보내서 => model에서 db 뽑아서 => ejs render 하면 될 줄 알았습니다ㅠㅠ (routes 쪽에서 db에서 데이터 정리해서 render 하는 부분까지는 현재는 가능한 상태입니다.) 이전글 다음글 구현했던 것과 동일하게 진행을 했는데.. 아무 반응이 없네요ㅠㅠ 검색해보니 ajax 부분에서 success 부분에서 처리를 해줘야 동작을 하는 듯한데.. 다시 url 이동 시킬 경우 검색된 행 id값이 없어 오류가 납니다.. => meanstack 게시판만들기 강의 글 보면.. 쿼리로 검색어를 넘겨줘서 하는 식으로 되어있어 제가 시도하려던 방식이 잘못된 것 같네요ㅠ datatable로 대부분 된 이 기존 소스에서는 이제는 어떻게 수정해야할지 감도 오지 않네요ㅠ (문의) 1) 제가 시도해보려던 방식 완전히 잘못 방향 잡은 게 맞는지 2) 검색된 행 id값 data를 이동할 url에 같이 넘겨서 다른 페이지를 render할 수 있을까요? 3) datable로 구성된 게시판에서 검색된 게시글만으로 상세페이지에서 이전글 다음글 버튼 구현하기 위해서 어떤 쪽을 검색하거나 공부하면 될까요.. 사실 지금은 너무 막막해서 방향성만이라도 알려주시면 정말 감사하겠습니다ㅠ 주변에 아는 개발자분도 없고 너무 답답해서 이곳에 문의드립니다ㅠ 기초가 너무 없는 상태에서 문의 드려서 죄송합니다;; (제가 시도한 부분 ejs) GLOBAL_DATATABLE.on('click', 'tbody tr', function(){ var clickedDataId = GLOBAL_DATATABLE.row( this ).data()[1]; // 선택한 행 id값 // 검색어에 해당하는 row id값만 추출 var test = GLOBAL_DATATABLE.rows({filter: 'applied'}).data(); var testIdList =[]; for(i=0;i - { "render": function ( data, type, row ) { var url = "/<%= type %>/view/" + row[1]; //url = "/result/question/view/" + objectId; url = '/note' + url; return '' + data+'…'+ ''; }, "targets": 3 //title }, <기존 소스 datatable 부분> GLOBAL_DATATABLE = $('#datatable').DataTable({ aoColumnDefs: columnDefs, order: orderDefs, processing: true, mark: true, ajax: { url: byOwner ? URL_MAPPING['<%= type %>'].getAllByOwner : URL_MAPPING['<%= type %>'].getAll, data: ajaxData }, createdRow: fnCreatedRow, initComplete: fnInitComplete, language: DATATABLE_LANGUAGE_SETTING, pageLength: DATATABLE_PAGE_LENGTH, lengthMenu: DATATABLE_LENGTH_MENU });

그만물어봐 · Accepted Answer

저 datatable 이라는게https://datatables.net/맞다면 s 도 붙여서 datatables이거 말씀하시는건가요? 1) 제가 시도해보려던 방식 완전히 잘못 방향 잡은 게 맞는지- 이건 다른분께서.....제생각이지만 datatables 의존도를 많이 잡지는 마세요...... 2) datable로 구성된 게시판에서 검색된 게시글만으로 상세페이지에서 이전글 다음글 버튼 구현하기 위해서 어떤 쪽을 검색하거나 공부하면 될까요.. 사실 지금은 너무 막막해서 방향성만이라도 알려주시면 정말 감사하겠습니다ㅠ https://datatables.net/ 해당 홈페이지에 기능을 찾아 해결하시면 됩니다. 일단 datatables 에 사용되는 검색기능은필터라고 하여이미 조회된 html 에서 해당것만 보여주고 숨겨주는 기능으로 알고 있습니다. 일반적인 검색 기능은 파라메터를 던져 데이터베이스에서 다시 검색을 해서자료를 가져오지요. 검색 기능을 통해 필터가 된후선택한 row의 위, 아래 값도 가져오는 api 가 있을겁니다. 힘내세요..........

한발짝뒤 · Answer

답변 감사합니다!! 네 datatables인 듯합니다~검색 기능을 통해 필터가 된후선택한 row의 위, 아래 값도 가져오는 api 다시 한번 찾아보겠습니다ㅠ 기존 소스가 일반적인 게시판으로 되어있었으면 더 좋았을텐데.. datatable로 모두 구성이 되어있어서.. 기초도 없는데.. 참조할 부분도 별로 없어서 수정하는 데 더 힘드네요ㅠㅠ 답변 다시한번 감사합니다!

Datatable 사용 시 검색된 행 data로만 상세페이지에서 이전글 다음글 볼 수 있도록 하려면 어떻게 해야할까요ㅠ

2개의 답변

#datatable 목록