SINGLE 스타일 설정

설명

dx5.create 함수를 사용하여 컴포넌트 생성 시점의 파라미터(style)를 'single'로 설정한 예제이다.

SINGLE 스타일은 단 하나의 파일만 전송이 가능하도록 만들어진 컴포넌트이다. 가상 파일을 허용하지 않으므로, 항시 신규 파일 등록 화면으로만 사용된다.

컴포넌트 스타일은 setUIStyle 함수를 사용한다.

// 파라미터로 스타일 속성이 정의된 JSON 객체를 넘겨야 한다.	
dx.setUIStyle({ ... });

// 예시
dx.setUIStyle({
  backgroundColor: "#FF0000",
  itemFontColor: "00FF00",
  ...
});

컴포넌트 화면을 그리는 기술은 SVG 기술을 사용하고 있다. SVG는 브라우저마다 렌더링 되는 결과물이 조금씩 다를 수 있으며, 벡터 그래픽을 기반으로 하기 때문에, pixel 단위로 GUI 레이아웃을 처리하기가 쉽지 않는다. 그러므로 선 굵기와 같은 부분의 미려한 차이는 제품 수준에서 보완되기 어려움이 있다.

예제

파일 추가