페이지컨트롤 퍼블리싱 기본
페이지컨트롤 퍼블리싱에 관련된 기본 정보를 제공한다.
페이지컨트롤 컴포넌트는 다건의 데이터를 표시하는 그리드 하위에 전체 및 현재 페이지 정보 및 페이지 이동 버튼을 표시하는 기능을 수행한다.
페이지컨트롤 생성과 삭제
페이지컨트롤 생성
페이지컨트롤 생성 방법은 아래와 같다.
- “컴포넌트”창 이용 방법
- “컴포넌트” 창에서 “페이지컨트롤” 컴포넌트 선택
- 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨)
페이지컨트롤 삭제
페이지컨트롤 삭제는 아래의 방법중 한가지를 사용합니다.
- 페이지컨트롤 클릭후, 키보드 <DELETE> 입력
- 페이지컨트롤 클릭후, 키보드 <CONTROL> + “D” 입력
- 페이지컨트롤 우클릭후, 컨텍스트 메뉴에서 “삭제” 메뉴 선택
페이지컨트롤 페이지 표시 관련 속성
| 속성 | 설명 |
|---|---|
| show_pagecount | 페이지 번호 표시 갯수 |
| movebutton_show | 페이지 이동 버튼 표시 유형 |
페이지컨트롤 페이지 번호 관련 속성
| 속성 | 설명 |
|---|---|
| font | 일반 페이지 번호 폰트 |
| unselectpage_color | 일반 페이지 번호 전경색 |
| selectpage_font | 선택된 페이지 번호 폰트 |
| selectpage_color | 선택된 페이지 번호 전경색 |
| pageindex_mousehover | 페이지 번호에 ~_hover~ 관련 속성 사용 여부 |
| unselectpage_hoverfont | 일반 페이지 번호 마우스 호버시 폰트 |
| unselectpage_hovercolor | 일반 페이지 번호 마우스 호버시 전경색 |
| selectpage_hoverfont | 선택된 페이지 번호 마우스 호버시 폰트 |
| selectpage_hovercolor | 선택된 페이지 번호 마우스 호버시 전경색 |
| pageindex_textstyle | 페이지 번호 표시 유형 |
| pageindex_bgstyle | 페이지 번호 경계선 유형 |
| pageindex_bgcolor | 일반 페이지 번호 배경색 |
| pageindex_bglinecolor | 일반 페이지 번호 경계선색 |
| selpageindex_bgcolor | 선택된 페이지 번호 배경색 |
| selpageindex_bglinecolor | 선택된 페이지 번호 경계선색 |
페이지컨트롤 페이지 번호 크기 관련 속성
| 속성 | 설명 |
|---|---|
| pageindex_minwidth | 페이지 번호 최소 너비 |
| pageindex_height | 페이지 번호 높이 |
| pageindex_gap | 페이지 번호간 간격 |
| pageindex_collapse | 페이진 번호 경계선 중첩 여부 |
페이지컨트롤 페이지 이동 버튼 관련 속성
| 속성 | 설명 |
|---|---|
| first_image | 처음 이동 버튼 이미지 URL |
| last_image | 마지막 이동 버튼 이미지 URL |
| prev_image | 이전 이동 버튼 이미지 URL |
| next_image | 다음 이동 버튼 이미지 URL |
| first_backcolor | 처음 이동 버튼 배경색 |
| last_backcolor | 마지막 이동 버튼 배경색 |
| next_backcolor | 이전 이동 버튼 배경색 |
| next_bordercolor | 다음 이동 버튼 배경색 |
| first_borderradius | 처음 이동 버튼 굴림정도 |
| last_borderradius | 마지막 이동 버튼 굴림정도 |
| prev_borderradius | 이전 이동 버튼 굴림정도 |
| next_borderradius | 다음 이동 버튼 굴림정도 |