수정 버튼 기능개발 도와주세요

[codeinsite]

Part 3 : 글 수정 기능 2 까지  강의까지 진행 하였습니다.

강의에는 없지만 list 페이지의 삭제버튼 옆에 수정버튼을 만들어서 edit/:id로 연결시키는 간단한 작업을 해보려고 했는데 이게 잘 안됩니다. 

 

delete버튼을 응용해서 새로 만든 버튼의  class로 modify를 추가하고 $('.modify').click(function(e){}); 안에다가 기능개발 해보려고 끙끙대고 있는데 잘 안됩니다. a.jax를 통해 하는건지 먼지..

아니면 그냥 버튼 자체에 onClick같은 걸로 해야되는건가 싶기도 하고;; 잘 모르겠습니다. ㅜㅜ

힌트좀 주실 수 있을까요?

 

[codeinsite]

버튼 자체에 html을 써서 기능개발 하였습니다. 

<button onclick="location.href='/edit/'+'<%= posts[i]._id %>' " class="btn btn-danger modify" data-id="<%= posts[i]._id %>" >수정</button>

 

혹시 class로 modify를 추가하고 $(‘.modify’).click(function(e){}); 안에다가 링크를 넣어서는 어려운건지 궁금합니다. 애초에 $(‘.modify’).click(function(e){}); 안에서 아무것도 없이는 간단한 로그하나 찍어보려고 해도 잘 안되네요.. 그 안에 ajax를 사용하면 어느정도 되는 것 같긴 합니다. 

[codingapple]

수정버튼을 누르면 그 자리에서 수정할 수 있는 input을 만들어서 거기서 수정할 수 있게 하거나

수정가능한 페이지로 이동하게 하거나 두 가지 방법이 있겠네요   

 

다른 페이지로 연결되게 하는거라면 수정 버튼 누르면 그렇게 /edit/글번호 페이지로 이동하게 하면 되고 

그럼 그 페이지엔 기존에 작성했던 내용이 보여야하고 전송버튼도 만들고 기타 등등 하시면 되는데 

HTML에서의 페이지 이동은 <a href="/edit/어쩌구">이동버튼</a> 이렇게 합니다 

자바스크립트 코드로 페이지이동시키고 싶으면 window.location.href = '경로'; 입니다

[성유나]

저도 현재 똑같은 개발을 하고 있습니다 ㅠ

버튼 2개을 만들었고 , [edit]  와 [delete] 입니다. 

[edit] 클릭하면 (클릭한) /edit/:id 로 넘어가서 수정하고 싶습니다.

 

/list.ejs 파일에서

<button type="text" id="edit>edit</button >

id 를 edit로 주고 난 다음에, 밑에 자바스크립트 페이지 이동하기 이벤트로 주려고 하는데,

$('#ediy).on('click', function(){

     window.location.href = '/edit/:id';

})

 

이렇게 적어도 전혀 안 먹히는데 ㅠ 어찌 변경하면 될까요?

[codingapple]

:id라고 하드코딩한 자리에 현재 게시물의 _id 같은걸 넣어보도록 합시다

[글쓴이]

글