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