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

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

view source

print?

01	Map dataMap = ...;

02

03	ProgressManager progressManager = new ProgressManager();

04

05	progressManager.add(new ProgressTimer<Map>(dataMap, 5, 30, "progress message 1") {

06	public void progressRun() {

07	Map dataMap = getData();

08

...

09

}

10

});

11

12	progressManager.add(new ProgressTimer<Map>(dataMap, 5, 50, "progress message 2") {

13	public void progressRun() {

14	Map dataMap = getData();

15

...

16

}

17

});

18

19	progressManager.add(new ProgressTimer(5, 85, "progress message 3") {

20	public void progressRun() {

21

...

22

}

23

});

24

25	progressManager.start();

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

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


[#M_관련 소스|접기|ㅁ ProgressManager.java

view source

print?

01	public class ProgressManager {

02

03

/**

04	* 처음 시작할 타이머

05

*/

06	private ProgressTimer firstTimer;

07

08

/**

09	* 가장 마지막에 추가된 타이머

10

*/

11	private ProgressTimer lastTimer;

12

13

/**

14	* ProgressTimer 를 추가합니다.

15	* @param timer 추가할 타이머

16

*/

17	public void add(ProgressTimer timer) {

18	if (firstTimer == null) {

19	firstTimer = timer;

20	lastTimer = timer;

21

} else {

22	lastTimer.setNextTimer(timer);

23	lastTimer = timer;

24

}

25

}

26

27

/**

28	* first ProgressTimer를 시작합니다.

29

*/

30	public void start() {

31	if (firstTimer != null) {

32	firstTimer.schedule(firstTimer.getDelayMillis());

33

}

34

}

35

}

ㅁ ProgressTimer.java

view source

print?

01	import com.google.gwt.user.client.Timer;

02	import com.gwtext.client.widgets.MessageBox;

03

04	public abstract class ProgressTimer<T> extends Timer {

05

06

/**

07	* 타이머에서 사용할 데이터

08

*/

09	private T data;

10

11

/**

12

* 타이머 딜레이

13

*/

14	private int delayMillis;

15

16

/**

17	* 진행 퍼센테이지

18

*/

19	private int percentage;

20

21

/**

22

* 진행 메세지

23

*/

24	private String message;

25

26

/**

27	* 다음번에 진행할 타이머

28

*/

29	private ProgressTimer nextTimer;

30

31	public ProgressTimer(int delayMilli, int percentage) {

32	this(null, delayMilli, percentage);

33

}

34

35	public ProgressTimer(T data, int delayMilli, int percentage) {

36	this(data, delayMilli, percentage, percentage + "%");

37

}

38

39	public ProgressTimer(int delayMilli, int percentage, String message) {

40	this(null, delayMilli, percentage, message);

41

}

42

43	public ProgressTimer(T data, int delayMilli, int percentage, String message) {

44	this.data = data;

45	this.delayMillis = delayMilli;

46	this.percentage = percentage;

47	this.message = message;

48

}

49

50	public T getData() {

51	return data;

52

}

53

54	public int getDelayMillis() {

55	return delayMillis;

56

}

57

58	public void setNextTimer(ProgressTimer nextTimer) {

59	this.nextTimer = nextTimer;

60

}

61

62	public void run() {

63	progressRun();

64

65	if (nextTimer != null) {

66	nextTimer.schedule(nextTimer.getDelayMillis());

67

} else {

68	MessageBox.hide();

69

}

70

}

71

72	public abstract void progressRun();

73

74	public void schedule(int delayMillis) {

75	MessageBox.updateProgress(percentage, message);

76	super.schedule(delayMillis);

77

}

78

79

}

_M#]

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