[GWT Ext] Toolbar Helper 가이드
Google/GWT / 2008. 10. 23. 13:29
GWT Ext 에서 제공하는 페이징툴바는 수정해서 쓰기가 힘들어서 우리가 쓰기 편하게 만들어 보았습니다.
ㅁ 기본 작업
관련된 CSS 를 html 에 추가해줍니다. (Sprites 이미지 CSS)
1 | <!-- cached resouces --> |
2 | < link rel = "stylesheet" href = "/resources/cached/toolbar_helper.css" /> |
3 | < link rel = "stylesheet" href = "/resources/cached/toolbar_addition.css" /> |
ㅁ SearchToolbarHelper Sample
01 | Toolbar toolbar = new Toolbar(); |
02 | searchbarHelper = new SearchbarHelper(); |
03 | // 초기화 버튼의 숨김여부 (기본값 false) |
04 | searchbarHelper.setVisibleClearButton( true ); |
05 | // 검색타입의 숨김여부 (기본값 true) |
06 | searchbarHelper.setVisibleSearchTypeMenu( true ); |
07 | searchbarHelper.setSearchTypeSubMenu( new String[] { |
08 | "제목" , "name" , "글쓴이" , "writer" , "내용" , "content" |
09 | }); |
10 | searchbarHelper.applyTo(toolbar); |
11 | searchbarHelper.addListener( new SearchbarHelperListener() { |
12 | public void onClear(String defaultSearchType) { |
13 | Vicki.showMessage( "callback" , "onClear" ); |
14 | |
15 | } |
16 | public void onSearch(String searchType, String searchText) { |
17 | Vicki.showMessage( "callback" , "onSearch: " + searchType + " " + searchText); |
18 | } |
19 | }); |
20 |
21 | setTopToolbar(toolbar); |
ㅁ PagingToolbarHelper Sample
- FullMode
01 | pagingbarHelper = new PagingbarHelper( true ); |
02 | pagingbarHelper.applyTo(toolbar); |
03 | pagingbarHelper.addListener( new PagingbarHelperListener() { |
04 | public void onChangePageSize( int pageSize) { |
05 | Vicki.showMessage( "callback" , "onChangePageSize: " + pageSize); |
06 | } |
07 | public void onPageMove( int pageNumber) { |
08 | Vicki.showMessage( "callback" , "onPageMove: " + pageNumber); |
09 | } |
10 | public void onReload() { |
11 | Vicki.showMessage( "callback" , "onReload" ); |
12 | } |
13 | }); |
- SimpleMode
1 | pagingbarHelper = new PagingbarHelper(); |
- 기타 메소드...
1 | // 리로드 버튼의 숨김여부 |
2 | pagingbarHelper.setVisibleReloadButton( false ); |
3 | // 페이징 툴바 정보를 업데이트 합니다. |
4 | pagingbarHelper.updatePaging( 2 , 100 ); |
5 | // 페이지당 개수를 설정합니다. |
6 | pagingbarHelper.setPageSize( 10 ); |
기본적으로 제공되는 ext Toolbar 에 apply 되는 형식입니다. 툴바에 자주쓰는 셋들은 묶어서 헬퍼클래스로
계속 제공될 예정입니다.
팀 분들은 상관 없지만 따로 관심이 있으신 분은 연락주세요. ㅌㅌㅌ