[GWT-EXT] 동적 트리 구성하기
노드가 많은 경우에는 동적으로 구성하는 것이 클라이언트나 서버쪽 부하를 줄이는데 도움이 됩니다.
기본적으로 gwt-ext 나 extjs 는 제가 찾아본 바로는 지원해쥐 않으므로 다음과 같이 구현합니다.
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
한창 CSS Sprites 에 관심을 가지고 gwt-ext 에서 사용할 수 있게 만들었었는데
패널 헤더에 아이콘으로 추가하니 이런식으로 나오는 것이였습니다.
1 | .wo-information { background : transparent url ( wo-fam.png?v= 2 ) 0 -562px no-repeat !important ; width : 16px ; height : 16px ; } |
1 | .wo-information { background : transparent url ( wo-fam.png?v= 2 ) 0 -562px no-repeat !important ; } |
1 | .wo-information { background : transparent url ( wo-fam.png?v= 2 ) 0 -558px no-repeat !important ; } |
1 | .wo-information-header { background : transparent url ( wo-fam.png?v= 2 ) 0 -558px no-repeat !important ; } |
2 | .wo-information-bar { background : transparent url ( wo-fam.png?v= 2 ) 0 -560px no-repeat !important ; width : 16px ; height : 16px ; } |
3 | .wo-information { background : transparent url ( wo-fam.png?v= 2 ) 0 -562px no-repeat !important ; width : 16px ; height : 16px ; } |
엘리먼트 property를 지정해주면 됩니다.
ext:qtip << 이 property 에 지정된 값이 tooltip 으로 표현이 됩니다.
- Yahoo! UI Library 의 chart 가 추가되었네요~ 다른 버전의 swf 는 지원 안해주나...
- Mapping API 도 추가되어 매쉬업에 편의성이 가미되었네요~
- Portal 도 손쉽게 만들 수 있게 데모까지 제공해주네요~
- 여러가지 버그를 수정하였고
- Ext.isFirebug() 를 통하여 firefox 의 firebug 가 활성화 되어 있는지를 확인할 수 있습니다.
- GridPanel 에 clearSortState() 메소드가 변경되었나... 추가되었나...
- 그 외, PagingToolbar 버튼에 API 로 접근할 수 있게 되었다네요... (ㅠ_ㅠ.. 이거 안되서 다시 만들었는데...)
여튼 잘 발전하고 있는 gwt-ext 를 보면서 뿌듯함을 느낍니다.~
6 개월간 javascript 만으로 그룹웨어를 만들어 보고
1년 8개월 여간 GWT 만으로 그룹웨어를 만들어보았다.
gwt-ext 를 접하는 순간 그간 UI 의 퀄리티가 떨어져
천대 받는 설움을 떨치는 것 같은 느낌이랄까...
자바스크립트를 무시하는 분들~ 각성하세요~~
gwt-ext 로 프로그래밍을 하니 점점 자신감이 생기는 것 같았다.
하나하나 알아가는 재미일까...
그나저나 힘든건 매한가지로세....
UMPC 나 하늘에서 뚝 떨어졌으면 좋겠당...
gwt-ext 에서의 Window 는 X 버튼을 누를경우 내부 엘리먼트들을
자동으로 삭제처리를 합니다.. (리스너나 그런것들...)
X 버튼을 누른 후 다시 띄우게 되면 정상적으로 되지 않아 당황스러울 수 도 있는데요...
해결방법은 다음과 같습니다.