SMART datagrid :: Column Headers

Column Headers Example

컬럼 헤더에는 기본 헤더 텍스트 외에 sub 텍스트, 이미지 아이콘, 체크박스, 메뉴 핸들 등을 표시할 수 있다.

Grid - 1

rows

(대출 번호) Check Location: checked
(국 가) Image Location:
(이 율) SubText Location:
(원 금) celltipLocation:
(통 화) Image Index:
(프로젝트 ID) Popup Menu

1. Sub-Text

컬럼 헤더에는 기본적으로 ColumnHeader.text나 컬럼 이름이 표시되는데, 이 외에 ColumnHeader.subText를 지정해서 표시할 수 있다. 또, subText는 별도의 스타일셋으로 텍스트 색상 등의 스타일을 설정할 수 있다. subText의 표시 위치는 기본 텍스트를 기준으로 하는 subTextLocation 속성으르 지정한다.

2. 이미지 아이콘

ColumnHeader.imageUrl이나 imageIndex를 지정해서 헤더에 이미지 아이콘을 표시할 수 있다. 표시 위치는 imageLocation 속성으로 설정한다.

3. 체크 박스

ColumnHeader.checkLocation이 HeaderItemLocation.NONE이 아니면 헤더에 체크박스가 해당 위치에 표시된다. 실행 시간에 체크 상자를 마우스로 클릭하면 GridBase.onColumnChecked 이벤트가 발생한다. GridColumn.checked 속성으로 직접 체크 상태를 직접 변경할 수도 있다.

4. 컬럼 메뉴

popupMenu에 팝업 메뉴를 설정하면 헤더에 메뉴 핸들이 표시되고, 핸들을 클릭하면 설정된 메뉴가 표시된다.

5. cellTopLocation

celltipLocation에 celltipLocation을 지정해 헤더에 셀팁을 표현할수 있다.

소스보기 JSP

See Also: HeaderItemLocation; GridColumn.checked; ColumnHeader; HeaderItemLocation; SubTextLocation

Examples: 컬럼 Sorting; 컬럼 Filtering; Column 이동