위 화면은 팝업으로 열리는 화면인데요.
팝업이 되면 왼쪽에 트리형식으로 회사의 모든 부서가 보여집니다.
거기서 부서를 클릭하면 가운데 화면에. 그 부서 사람들 목록이 보여지고
그 목록에서 선택후 오른쪽 화살표모양을 클릭하면 오른쪽 끝화면으로 선택된 목록이 이동되는 화면이에요.
가운데 목록은 부서를 선택할때 마다 그 부서 사람들만 보여지고
오른쪽끝 화면은 가운데 화면에서 추가한 사람들 목록이 계속 쌓이게 되죠.
오른쪽끝 화면에서 선택후 왼쪽 화살표를 클릭하면 목록에서 지워지구요
OK버튼을 클릭하면 그 사람들 목록을 부모창에 던저줍니다.

그리고 위아래 화살표를 누르면 오른쪽끝 화면에서 사람들의 순서를 바꿔줍니다.

처음에 이 작업들을 다 서버쪽에서 처리를 하고 다시 보여주는 형식으로 했었는데.
속도가 너무 안나오더라구요
(살짝 살짝 딜레이가 느껴지는게.. ㅠㅠ)

그래서 찾은(과장님이 가르쳐준) 방법이 JSON을 이용해서 데이터를 처리하는 방법인데요.
이 방법을 사용하면 처음에 부서를 선택했을때만 한번 DB에서 데이터를 가져온후에
나머지 처리는 다 스크립트에서 처리해 줍니다.
확실히 속도는 빨라지더라구요.

방법은 어렵지 않아요.
부모창을 P, 자식창(위의 화면)을 C, 파일처리를 위한 창을 F라고 하면

P에서 C를 팝업시킨 후에
C에서 부서를 클릭하면 F페이지를 호출해서 DB접속후 결과 DataSet을 JSON형식으로 C에 돌려주면
그걸 가지고 C에서 처리를 해주는 겁니다.

자세한건 다음글에서~
by 피요히코~ 2009. 4. 8. 13:35