SMART datagrid v1.4 > Concepts

Concepts.Grid Style Overview

SMART datagrid 그리드뷰나 트리뷰는 같은 종류의 셀들을 포함하는 몇 가지 영역으로 구성되어 있다. 한 영역에 포함된 셀들은 대개 같은 스타일로 그려지는데, GridStyles은 이 영역들을 위한 스타일셋을 제공하고, 영역에 포함된 셀들은 대개 이 스타일 속성들을 이용해 그린다. 

GridStyles에는 각 영역에서 사용될 수 있는 공통의 스타일 속성들이 정의되어 있지만, 각 영역의 셀들이 모든 속성을 사용하는 것은 아니다. 아래 테이블에서 GridStyles의 스타일 속성들을 요약한다. 각 속성의 자세한 설명은 속성 도움말을 참조한다. 

속성	타입	설명
background	Fill	셀 배경 색상
color	Fill	텍스트 색상
inactiveBackground	Fill	삭제된 행의 셀 배경
inactiveColor	Fill	삭제된 행의 텍스트 색
selectedBackground	Fill	선택된 셀 배경색
selectedColor	Fill	선택된 셀 텍스트 색
hoveredBackground	Fill	마우스 아래 셀의 배경
hoveredColor	Fill	마우스 아래 셀의 택스트 색
borderTop	Stroke	위쪽 셀 경계선
borderLeft	Stroke	왼쪽 셀 경계선
borderBottom	Stroke	아래쪽 셀 경계선
borderRight	Stroke	오른쪽 셀 경계선
borderRadius	Integer	경계선 모서리 굴곡
textFormat	String	텍스트 표시 포맷
datetimeFormat	String	날짜 표시 포맷
numberFormat	String	숫자 표시 포맷
booleanFormat	String	참/거짓 표시 포맷
paddingLeft	Integer	왼쪽 셀 여백
paddingRight	Integer	오른쪽 셀 여백
paddingTop	Integer	위쪽 셀 여백
paddingBottom	Integer	아래쪽 셀 여백
fontName	String	폰트 이름
fontSize	Integer	폰트 크기
fontBold	Boolean	텍스트 굵기
fontItalic	Boolean	텍스트 기울기
textDecoration	TextDecoration	문자열에 선을 추가하는 방식
textDecorationColor	Fill	textDecoration이 설정된 경우 선의 색상
iconAlignment	Alignment	아이콘 정렬 방식
iconIndex	Integer	아이콘 인덱스 지정
iconLocation	IconLocation	아이콘 표시 위치
iconOffset	Integer	아이콘과 셀 경계선 사이 간격
iconPadding	Integer	아이콘과 텍스트 사이 간격
iconAlpha	Integer	아이콘이나 이미지의 투명도 (0 ~ 1)
prefix	String	텍스트 앞 쪽에 추가되는 문자열
suffix	String	텍스트 뒤에 추가되는 문자열
textAlignment	Alignment	텍스트 수평 정렬 상태
lineAlignment	Alignment	텍스트 등의 수직정렬 상태
textWrap	TextWrapMode	셀 범위를 벗어날 때 표시하는 방식
textShadow	String	텍스트 그림자 색상.
shapeName	String	shape 이름
shapeColor	Fill	shape의 배경색
shapeColors	Fill	shape의 배경색 팔레트
shapeInactiveColor	Fill	비활성화 shape의 배경색
shapeSelectedColor	Fill	선택된 shape의 배경색
shapeHoveredColor	Fill	마우스 아래 shape의 배경색
shapeBorder	Stroke	shape의 경계선
shapeInactiveBorder	Fill	비활성화 shape의 경계선
shapeSelectedBorder	Fill	선택된 shape의 경계선
shapeHoveredBorder	Fill	마우스 아래 shape의 경계선
shapeLocation	IconLocation	Shape 표시 위치
shapeAlignment	Alignment	Shape 정렬 방식
shapeOffset	Integer	Shape와 셀 경계선 사이 간격
shapePadding	Integer	Shape와 텍스트 사이 간격
shapeSize	Dimension	shape 크기
shapeRotate	Number	shape 회전 상태 (0 ~ 360)
renderer	String	렌더러 ID

Note

• Html/css과 유사한 것들이 있지만 기본적으로 전혀 다른 스타일링 방식으로 구현된다. 또, 이 스타일셋에 포함된 속성들이 모든 셀들에서 구현되는 것도 아니다.
• 스타일 속성들 중 어떤 값들을 사용하고 어떻게 그려낼지는 전적으로 셀 렌더러들의 몫이다.
• 다만, SMART datagrid 웹 그리드의 형상이 모바일 native 버전 그리드에서도 동일하게 렌더링되도록 하고 있다.

See Also

GridStyles

Examples

컬럼 스타일

Column 동적 스타일