Home > IE 버전 > 스타일1
레포트(report) 형식 스타일 설정 예제입니다.
설명

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)

 

배경은 이미지를 설정할 수 있습니다.

경로를 복사하여 설정해보세요.
주의) 배경 이미지는 항목이 없는 경우에만 표시가 됩니다. 테스트를 하려면 모든 항목을 삭제하세요.