• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

그리드 리스트 업데이트 관련 질문드립니다.

23.12.04 13:41 작성 23.12.04 14:12 수정 조회수 130

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. 그리드 내 체크박스 적용 방법

내용이 길어져 블로그에 내용 포스팅하였으니 아래 링크 확인해주세요.

https://kitdow.tistory.com/49

 

도움 되셨길 바랍니다.

 

감사합니다.