- 설명
-
dx5.create 함수를 사용하여 컴포넌트 생성 시점의 파라미터(style)를 'report'(기본값)로 설정한 예제입니다.
컴포넌트 스타일은 setUIStyle 함수를 사용합니다.
// 세 가지 방식(report, report_noheader, report_simple)을 설정할 수 있습니다. // "report_simple"은 따로 설명합니다. dx.setLayoutStyle("report_noheader"); // 파라미터로 스타일 속성이 정의된 json 객체를 넘겨야 합니다. dx.setUIStyle({ ... }); // 예시 dx.setUIStyle({ colorPattern: 1, // 0 ~ 7 imagePattern: 1, // 0 ~ 7 borderVisible: true, // or false ... });
- 예제
-
기본 레이아웃 스타일 지정 (only IE version)
기본 패턴
선 설정 (only IE version)
글자 설정 (only IE version)
헤더 설정 (only IE version)
헤더는 그레디언트 형식으로 색상을 지정하며, 반드시 네 가지 색상을 모두 정해주어야 반영이 됩니다.
배경 설정 (only IE version)
배경은 이미지를 설정할 수 있습니다.
경로를 복사하여 설정해보세요.
주의) 배경 이미지는 항목이 없는 경우에만 표시가 됩니다. 테스트를 하려면 모든 항목을 삭제하세요.