Notice
Recent Posts
Recent Comments
관리 메뉴

Developer Gonie

[9주차] 20. 수정 버튼을 눌러 페이지를 이동했을 경우, 해당 데이터가 그대로 입력되어 있도록 하는 방법(선택박스, 체크박스, 라디오 등) 본문

K-DigitalTraining 강의/8. JSP

[9주차] 20. 수정 버튼을 눌러 페이지를 이동했을 경우, 해당 데이터가 그대로 입력되어 있도록 하는 방법(선택박스, 체크박스, 라디오 등)

이대곤 2022. 7. 14. 19:55

* 아래 글을 참고하면 태어난 년도, 월, 일 등을 선택할 수 있는 선택박스를 펼쳤을 때 보여지는 option 요소들을
   반복문을 통해 구현하는 방법도 알 수 있다.

글의 제목이 의미하는바

수정 버튼을 눌러 화면이 이동했을 때
수정하고자 했던 정보들이 그대로 입력되어 있도록 할 수 있는 기능을 구현하고자 한다.

선택박스나 체크박스에 대해 이를 처리해 주는 것이 가장 어려웠음.

수정버튼을 누르게 되는 화면에서 꼭 추가해줘야 하는 부분

a 태그를 통해 get 방식으로 어떤 num 값을 가지는 행이 눌렸는지에 대한 정보를 전달해 줘야함. 

/* a태그에 파라미터 추가해서 get 방식으로 보내기 */
out.print("<td> <a href='updateForm.jsp?num=" + num + "'>수정</a> </td>");
out.print("<td> <a href='deleteProc.jsp?num=" + num + "'>삭제</a> </td>");
out.print("</tr>");

선택박스나 체크박스가 체크되어 있도록 하는 방법(예시1)

선택박스나 체크박스가 체크되어 있도록 하는 방법(예시2)

* 아래의 모든 케이스의 공통점은 배열을 활용한다는 점이다.

* 배열의 원소와 값 비교시 indexOf가 필요할 땐 배열을 arrayList로 바꾸는 작업이 필요한데,
   java.util.Arrays.asList()를 사용하면 된다.

* 혹시나 bean 클래스의 멤버 타입에 따라 문자열에 특정 문자열이 포함되어 있나 확인 해야할 경우가 있을 수 도 있는데
  이럴땐 String 의 contains() 를 사용하면 된다. 

case1

case2

case3

Comments