ReportCompositeViewer
여러개의 양식이 복합된 리포트 객체를 만듭니다. 여러 양식 리포트 가이드를 참고하세요.
생성자
const viewer = new RealReport.ReportCompositeViewer (
container: string | HTMLDivElement,
formSets?: ReportFormSet[],
options?: ReportOptions
)
인자
이름 | 타입 | 필수여부 | 설명 |
---|---|---|---|
container | string | HTMLDivElement | yes | RealReport가 렌더링될 컨테이너, div 엘리멘트 또는 id 문자열 |
formSets | ReportForm | no | RealReport 양식 객체 |
options | ReportOptions | no | 옵션 |
속성
Name | Type | Read & Write |
---|---|---|
zoom | number | Read & Write |
pageCount | number | Read |
page | number | Read & Write |
reportHtml | string | Read |
zoom
- type:
number
- Read & Write
- 리포트 미리보기 컨테이너의 확대/축소 비율
- 예:
0.5
= 50% 로 축소
pageCount
- type:
number
- Read
- 미리보기 전체 페이지수를 가져옵니다.
page
- type:
number
- Read & Write
- 미리보기 현재 페이지를 가져오거나 지정합니다.
reportHtml
- type:
any
- Read
- 미리보기 페이지들을 html 코드로 가져옵니다.
함수
Name | Description |
---|---|
preview | 미리보기 실행 |
first | 첫 번째 페이지로 이동 |
prev | 이전 페이지로 이동 |
next | 다음 페이지로 이동 |
last | 마지막 페이지로 이동 |
zoomIn | 확대 |
zoomOut | 축소 |
preview
reportSource의 양식에 dataSet의 데이터를 매핑하여 완성된 리포트를 컨테이너에 미리보기 합니다.
사용예
viewer.preview();
getHtml
미리보기 페이지들을 HTML 형식의 코드로 가져옵니다. 이 함수의 결과는 reportHtml속성의 값과 동일한 결과를 돌려줍니다.
사용예
const previewHtml = viewer.getHtml();
first
미리보기에서 맨 처음 페이지로 이동
사용예
viewer.first();
prev
미리보기에서 이전 페이지로 이동
사용예
viewer.prev();
next
미리보기에서 다음 페이지로 이동
사용예
viewer.next();
last
미리보기에서 마지막 페이지로 이동
사용예
viewer.last();
zoomIn
미리보기 페이지를 scale
의 배율로 확대
- scale: 확대 비율, 기본값은 0.1 (10%)
정의
ReportViewer.zoomIn(scale: number): void;
사용예
viewer.zoomIn();
viewer.zoomIn(0.2);
zoomOut
미리보기 페이지를 scale
의 배율로 축소
- scale: 축소 비율, 기본값은 0.1 (10%)
정의
ReportViewer.zoomOut(scale: number): void;
사용예
viewer.zoomOut();
viewer.zoomOut(0.3);
fitToHeight
미리보기 페이지를 컨테이너의 높이에 맞게 조정
정의
ReportViewer.fitToHeight(): void;
사용예
viewer.fitToHeight();
fitToPage
미리보기 한 페이지를 컨테이너의 높이와 너비에 맞게 조정
정의
ReportViewer.fitToPage(): void;
사용예
viewer.fitToPage();
fitToWidth
미리보기 페이지를 컨테이너의 너비에 맞게 조정
정의
ReportViewer.fitToWidth(): void;
사용예
viewer.fitToWidth();