패널 - 그룹 상자 - 목록

이 복합 컴포넌트는 다른 컴포넌트를 레이아웃하는 데 사용됩니다. 포함하고 있는 모든 컴포넌트를 단일 행이나 열에 맞춥니다.

디자인 시의 컴포넌트

목록 컴포넌트를 페이지로 끌어서 놓으십시오.
목록 컴포넌트 단추

목록 컴포넌트는 페이지에서 다음과 같이 보입니다.
디자인 시의 목록 컴포넌트

런타임 시의 컴포넌트

목록 컴포넌트는 추가된 컴포넌트에 따라 런타임 시 다릅니다.

특성 및 모든 속성 보기

컴포넌트의 특성 보기는 컴포넌트에 설정할 수 있는 가장 일반적인 속성 세트를 표시하며, 컴포넌트에 따라 제어, 조치 또는 기타 컴포넌트를 추가하기 위한 옵션이 표시될 수도 있습니다. 특성 보기를 열려면 창 > 보기 표시 > 특성을 클릭하십시오. 하지만 특성 보기는 기본적으로 열려 있습니다.

목록 컴포넌트의 이러한 공통 속성은 특성 보기의 hx:panelBox 탭에 표시됩니다. 전체 속성 목록은 모든 목록 속성 테이블을 참조하십시오. 패널 항목에 대한 추가 구성 옵션은 hx:panelBox>항목 탭에 있습니다.

표 1. 목록 구성 옵션

구성 옵션

설명

패널의 항목 순서

위로 이동 및 아래로 이동 단추를 사용하여 패널 안에서 컴포넌트의 순서를 지정할 수 있습니다.

모든 속성 보기는 컴포넌트에 설정할 수 있는 모든 속성 테이블을 표시하는데, 특성 보기에서 액세스할 수 있는 해당 속성을 포함합니다. 모든 속성 보기로 전환하려면 특성 보기의 오른쪽 상단 모서리에 있는 모든 속성 아이콘 모든 속성 아이콘을 클릭하십시오.

표 2. 모든 목록 속성

속성 이름

특성 보기에 다음으로 표시됨

설명

align

맞추기: 가로

컴포넌트가 왼쪽, 가운데 또는 오른쪽으로 정렬되는지 여부를 지정합니다.

bgcolor

배경색

# 기호로 시작하는 6자리 16진 RGB 값이나 색상 이름(예: black, white, blue 등)을 입력하여 배경색을 지정합니다.

binding

표시되지 않음

보통 지원 파일에서 이 컴포넌트를 표시하는 UIComponent를 지정합니다.

border

표시되지 않음

테이블에 대한 경계의 크기를 픽셀 단위로 지정합니다.

cellpadding

채우기

셀 경계와 해당 컨텐츠 사이의 간격을 지정합니다. 이 속성의 값이 픽셀 길이이면, 네 개의 여백 모두 컨텐츠로부터 이 거리여야 합니다.

cellspacing

간격 지정

셀 사이에 남겨둘 간격을 픽셀 단위로 지정합니다.

height

크기: 높이

픽셀 또는 백분율로 컴포넌트 높이를 지정합니다. 백분율을 지정하려면 값에 %를 추가하십시오.

id

ID

컴포넌트에 이름을 지정합니다. JSP 내에서 고유한 이름이어야 합니다.

layout

패널 레이아웃: 방향

런타임 시 컴포넌트가 가로로 향하는지 세로로 향하는지 여부를 지정합니다.
  • 가로
  • 세로

rendered

표시되지 않음

true 또는 false로 설정할 수 있습니다.
  • false - 컴포넌트는 런타임 시 브라우저에 렌더링되지 않습니다.
  • true - 컴포넌트가 렌더링됩니다.

style

스타일: 특성

컴포넌트에 대한 CSS 스타일 정보를 지정합니다(예: style="font-size : 8pt ; color : red").선택한 컴포넌트의 특성(예: 글꼴 및 색상)을 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 특성을 선택하여 완료할 수 있습니다.

styleClass

스타일: 클래스

이 요소를 렌더링할 때 적용할 공백으로 구분되는 CSS 스타일 클래스 목록을 지정합니다. 이 값은 생성된 마크업에서 "class" 속성으로 전달해야 합니다. 선택한 컴포넌트의 클래스(예: 스타일시트)를 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 완료할 수 있습니다.

title

표시되지 않음

런타임 시 도구 팁으로 브라우저에 표시되는 제목 텍스트를 지정합니다.

valign

맞추기: 세로

셀 내에서 데이터의 세로 위치를 지정합니다.
  • 맨 위
  • 가운데
  • 맨 아래

width

크기: 너비

픽셀 또는 백분율로 컴포넌트 너비를 지정합니다. 사용할 백분율을 지정하려면 값에 %를 추가하십시오.

관련 개념
JavaServer Faces를 사용하여 데이터 액세스 웹 응용프로그램 작성
관련 태스크
Faces 응용프로그램 작성 - 개요
관련 참조
Faces 컴포넌트 참조
Faces 컴포넌트의 속성
패널 - 그룹 상자
패널 - 그룹 상자 - 눈금
패널 - 그룹 상자 - HTML 패널(패널 - JSP)
패널 - 그룹 상자 - 경계에 맞춤
패널 - 메뉴 표시줄
패널 - 탭
피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.