이 복합 컴포넌트는 다른 컴포넌트를 레이아웃하는 데 사용됩니다. 포함하고 있는 모든 컴포넌트를 지정된 수의 열을 갖는 테이블에 맞춥니다.
눈금 컴포넌트를
페이지로 끌어서 놓으십시오.
눈금 컴포넌트는
페이지에서 다음과 같이 보입니다.
눈금 컴포넌트는 추가된 컴포넌트에 따라 런타임 시 다릅니다.
컴포넌트의 특성 보기는 컴포넌트에 설정할 수 있는 가장 일반적인 속성 세트를 표시하며, 컴포넌트에 따라 제어, 조치 또는 기타 컴포넌트를 추가하기 위한 옵션이 표시될 수도 있습니다. 특성 보기를 열려면 창 > 보기 표시 > 특성을 클릭하십시오. 하지만 특성 보기는 기본적으로 열려 있습니다.
눈금 컴포넌트의 이러한 공통 속성은 특성 보기의 hx:panelGrid 및 항목 탭에 표시됩니다. 전체 속성 목록은 모든 눈금 속성 테이블을 참조하십시오. 패널 항목에 대한 추가 구성 옵션은 hx:panelGrid>항목 탭에 있습니다.
구성 옵션 |
설명 |
---|---|
패널의 항목 순서 |
위로 이동 및 아래로 이동 단추를 사용하여 패널 안에서 컴포넌트의 순서를 지정할 수 있습니다. |
모든 속성 보기는
컴포넌트에 설정할 수 있는 모든 속성 테이블을 표시하는데, 특성 보기에서 액세스할 수 있는
해당 속성을 포함합니다. 모든 속성 보기로 전환하려면
특성 보기의 오른쪽 상단 모서리에 있는 모든 속성 아이콘 을 클릭하십시오.
속성 이름 |
특성 보기에 다음으로 표시됨 |
설명 |
---|---|---|
bgcolor |
배경색 |
# 기호로 시작하는 6자리 16진 RGB 값이나 색상 이름(예: black, white, blue 등)을 입력하여 배경색을 지정합니다. |
border |
표시되지 않음 |
테이블에 대한 경계의 크기를 픽셀 단위로 지정합니다. |
binding |
표시되지 않음 |
보통 지원 파일에서 이 컴포넌트를 표시하는 UIComponent를 지정합니다. |
cellpadding |
채우기 |
셀 경계와 해당 컨텐츠 사이의 간격을 지정합니다. 이 속성의 값이 픽셀 길이이면, 네 개의 여백 모두 컨텐츠로부터 이 거리여야 합니다. |
cellspacing |
간격 지정 |
셀 사이에 남겨둘 간격을 픽셀 단위로 지정합니다. |
columnClasses |
표시되지 않음 |
데이터 테이블 컴포넌트의 열에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다. |
cols |
크기: 열 |
눈금의 열 수를 지정합니다. |
dir |
표시되지 않음 |
런타임 시 렌더링될 때 컴포넌트 방향을 지정합니다. 값은 다음 중 하나가 될 수 있습니다.
|
footerClass |
표시되지 않음 |
데이터 테이블 컴포넌트의 열 헤더에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다. |
frame |
표시되지 않음 |
눈금을 둘러싸는 프레임 중 볼 수 있는 측면을 지정합니다. |
headerClass |
표시되지 않음 |
데이터 테이블 컴포넌트의 열 헤더에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다. |
id |
ID |
컴포넌트에 이름을 지정합니다. JSP 내에서 고유한 이름이어야 합니다. |
lang |
표시되지 않음 |
컴포넌트의 속성 값과 텍스트 컨텐츠의 기본 언어를 지정합니다. ISO 표준 언어 약어 코드를 취합니다(예: 영어의 경우 "en", 미국 영어의 경우 "en-US", 프랑스어의 경우 "fr", 독일어의 경우 "de"). |
rendered |
표시되지 않음 |
true 또는 false로 설정할 수 있습니다.
|
rowClasses |
표시되지 않음 |
행이 표시되는 대로 순환되는 클래스 세트를 지정합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 정의할 수 있습니다. |
rules |
표시되지 않음 |
테이블 내에서 셀 사이에 표시될 룰을 지정합니다.
|
size |
크기: 높이 |
컴포넌트의 높이를(행 수, 픽셀 수 또는 화면의 백분율로서) 지정합니다. |
style |
스타일: 특성 |
컴포넌트에 대한 CSS 스타일 정보를 지정합니다(예: style="font-size : 8pt ; color : red").선택한 컴포넌트의 특성(예: 글꼴 및 색상)을 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 특성을 선택하여 완료할 수 있습니다. |
styleClass |
스타일: 클래스 |
이 요소를 렌더링할 때 적용할 공백으로 구분되는 CSS 스타일 클래스 목록을 지정합니다. 이 값은 생성된 마크업에서 "class" 속성으로 전달해야 합니다. 선택한 컴포넌트의 클래스(예: 스타일시트)를 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 완료할 수 있습니다. |
summary |
표시되지 않음 |
시각적이지 않은 매체로 렌더링하는 사용자 에이전트의 요약 세부사항 문자열을 지정합니다. |
title |
표시되지 않음 |
런타임 시 도구 팁으로 브라우저에 표시되는 제목 텍스트를 지정합니다. |
width |
크기: 너비 |
픽셀 또는 백분율로 컴포넌트 너비를 지정합니다. 사용할 백분율을 지정하려면 값에 %를 추가하십시오. |