[GWT Ext] 화면 렌더링 중에 MessageBox progress 적용하기

자바스크립트는 싱글스레드라 복잡한 화면을 렌더링하면서 MessageBox 로 progress 를 보여줄 경우 재대로 표시가 되지 않는 경우가 있습니다. 이러한 경우에는 Timer 를 통해서 딜레이를 주어서 차례대로 실행하면 원하는 효과대로 처리할 수 있습니다.

Map dataMap = ...; ProgressManager progressManager = new ProgressManager(); progressManager.add(new ProgressTimer<Map>(dataMap, 5, 30, "progress message 1") { public void progressRun() { Map dataMap = getData(); ... } }); progressManager.add(new ProgressTimer<Map>(dataMap, 5, 50, "progress message 2") { public void progressRun() { Map dataMap = getData(); ... } }); progressManager.add(new ProgressTimer(5, 85, "progress message 3") { public void progressRun() { ... } }); progressManager.start();

진행할 과정들을 나눈 후에 ProgressTimer 를 구현하여 progressRun 메소드에서 실행하도록 한후 ProgressManager 에 추가하는 방식으로 추가된 순서대로 실행을 하도록 하는 방식입니다. 약간의 딜레이가 있을 경우에는 프로세스가 화면 렌더링을 하기전에 즉, 화면이 멈춰보이는 상태 전에 MessageBox 의 progress 를 업데이트합니다.

추가적으로 생성할 때 내부에서 사용할 객체를 넘겨주기 때문에 필요한 객체를 효과적으로 사용할 수 있습니다.


[#M_관련 소스|접기|ㅁ ProgressManager.java
public class ProgressManager { /** * 처음 시작할 타이머 */ private ProgressTimer firstTimer; /** * 가장 마지막에 추가된 타이머 */ private ProgressTimer lastTimer; /** * ProgressTimer 를 추가합니다. * @param timer 추가할 타이머 */ public void add(ProgressTimer timer) { if (firstTimer == null) { firstTimer = timer; lastTimer = timer; } else { lastTimer.setNextTimer(timer); lastTimer = timer; } } /** * first ProgressTimer를 시작합니다. */ public void start() { if (firstTimer != null) { firstTimer.schedule(firstTimer.getDelayMillis()); } } }


ㅁ ProgressTimer.java
import com.google.gwt.user.client.Timer; import com.gwtext.client.widgets.MessageBox; public abstract class ProgressTimer<T> extends Timer { /** * 타이머에서 사용할 데이터 */ private T data; /** * 타이머 딜레이 */ private int delayMillis; /** * 진행 퍼센테이지 */ private int percentage; /** * 진행 메세지 */ private String message; /** * 다음번에 진행할 타이머 */ private ProgressTimer nextTimer; public ProgressTimer(int delayMilli, int percentage) { this(null, delayMilli, percentage); } public ProgressTimer(T data, int delayMilli, int percentage) { this(data, delayMilli, percentage, percentage + "%"); } public ProgressTimer(int delayMilli, int percentage, String message) { this(null, delayMilli, percentage, message); } public ProgressTimer(T data, int delayMilli, int percentage, String message) { this.data = data; this.delayMillis = delayMilli; this.percentage = percentage; this.message = message; } public T getData() { return data; } public int getDelayMillis() { return delayMillis; } public void setNextTimer(ProgressTimer nextTimer) { this.nextTimer = nextTimer; } public void run() { progressRun(); if (nextTimer != null) { nextTimer.schedule(nextTimer.getDelayMillis()); } else { MessageBox.hide(); } } public abstract void progressRun(); public void schedule(int delayMillis) { MessageBox.updateProgress(percentage, message); super.schedule(delayMillis); } }

_M#]

이 방법보다 좋은 방법 아시는 분 있나유~ -_ㅜ
아직 불안불안 합니다. ㅋㅋㅋ