인프런 커뮤니티 질문&답변
작성한 질문수
그리드 리스트 업데이트 관련 질문드립니다.
해결된 질문
작성
·
189
·
수정됨
1
안녕하세요. 주문게시판-웹개발 부분 수강 중에 문의 사항 있어 글 작성 드립니다.
현재 그리드의 리스트에서 주문 등록, 주문 수정, 주문 삭제까지 pdf자료와 강의 보면서 구현하였는데
혼자 심화학습중에 어려운 부분 있어 질문드립니다.
문의 사항은 다음과 같습니다.
1) 현재는 주문 등록, 수정 및 삭제 모두 변경 사항을 확인하려면 변경한 후, 조회버튼을 재클릭해야 구현한 세 가지 변경 사항들이 그리드 리스트에서 변경 사항을 확인할 수 있는데
주문 등록, 주문 수정, 주문 삭제 하였을 때 "조회버튼 재클릭하지 않고" 변경 사항이 바로 리스트에 반영되도록 구현하려면 어떻게 해야 될지 문의 드립니다.
2) 그리드 리스트에서 현재는 주문번호에 따라 선택한 행 1건씩 주문 삭제가 가능한데
그리드 리스트 내에 체크박스를 만들어서 다건 삭제를 하려면 어떻게 구현해야할지 문의드립니다.
감사합니다.
답변 1
0
안녕하세요! 킷도우입니다:)
문의하신 사항 답변드립니다.
1. 주문 등록, 주문 수정, 주문 삭제 하였을 때 "조회버튼 재클릭하지 않고" 변경 사항이 바로 리스트에 반영
방법은 간단합니다. 등록/수정/삭제 동작이 모두 끝나고 나면 조회 버튼을 눌렀을 때 로직을 그대로 돌린다고 생각해주시면 될 것 같습니다:) 아래 스텝대로 개발해 보시면 될 것 같습니다.
1) 우선 OB_001.xfdl 파일에 함수 하나를 만들어줍니다. 함수 안의 내용은 조회 버튼을 클릭했을 로직 내용을 그대로 복붙합니다.
ex)
this.fn_search = function(nPageNo){
// 조회 버튼 클릭시 동작하는 onclick 이벤트 내 로직을 그대로 복붙!
}
2) 주문 등록/수정/삭제 로직이 모두 다 돌고 끝나는 시점에 this.fn_search() 함수를 위치시킵니다.
로직이 돌고 끝나는 지점이 어디일까요? 강의 내용 기준 fn_callback() 함수 부분입니다. 따라서 아래와 같이 로직을 넣어주면 문의하신 사항이 잘 동작하실 겁니다. 아래 예제는 삭제 완료 후 즉시 조회되도록 한 것이고 수정/등록도 동일하게 해주시면 됩니다.
this.fnCallback = function(svcID, errorCode, errorMsg)
{
if(errorCode < 0){
alert("작업 실패 코드 : " + errorCode + "\n" + errorMsg);
return 0;
}
switch(svcID)
{
case "deleteOrdList" :
alert("삭제 완료");
fn_search();
break;
}
}
2. 그리드 내 체크박스 적용 방법
내용이 길어져 블로그에 내용 포스팅하였으니 아래 링크 확인해주세요.
도움 되셨길 바랍니다.
감사합니다.