패널 - 그룹 상자 - 눈금

이 복합 컴포넌트는 다른 컴포넌트를 레이아웃하는 데 사용됩니다. 포함하고 있는 모든 컴포넌트를 지정된 수의 열을 갖는 테이블에 맞춥니다.

디자인 시의 컴포넌트

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

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

런타임 시의 컴포넌트

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

특성 및 모든 속성 보기

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

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

표 1. 눈금 구성 옵션

구성 옵션

설명

패널의 항목 순서

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

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

표 2. 모든 눈금 속성

속성 이름

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

설명

bgcolor

배경색

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

border

표시되지 않음

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

binding

표시되지 않음

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

cellpadding

채우기

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

cellspacing

간격 지정

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

columnClasses

표시되지 않음

데이터 테이블 컴포넌트의 열에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다.

cols

크기: 열

눈금의 열 수를 지정합니다.

dir

표시되지 않음

런타임 시 렌더링될 때 컴포넌트 방향을 지정합니다. 값은 다음 중 하나가 될 수 있습니다.
  • ltr - 왼쪽에서 오른쪽으로
  • rtl - 오른쪽에서 왼쪽으로

footerClass

표시되지 않음

데이터 테이블 컴포넌트의 열 헤더에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다.

frame

표시되지 않음

눈금을 둘러싸는 프레임 중 볼 수 있는 측면을 지정합니다.

headerClass

표시되지 않음

데이터 테이블 컴포넌트의 열 헤더에 대해 정의된 CSS 스타일시트 스타일을 지정합니다. CSS 스타일시트 파일을 컴포넌트의 JSP에 링크해야 사용할 수 있습니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 입력할 수 있습니다.

id

ID

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

lang

표시되지 않음

컴포넌트의 속성 값과 텍스트 컨텐츠의 기본 언어를 지정합니다. ISO 표준 언어 약어 코드를 취합니다(예: 영어의 경우 "en", 미국 영어의 경우 "en-US", 프랑스어의 경우 "fr", 독일어의 경우 "de").

rendered

표시되지 않음

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

rowClasses

표시되지 않음

행이 표시되는 대로 순환되는 클래스 세트를 지정합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 이를 정의할 수 있습니다.

rules

표시되지 않음

테이블 내에서 셀 사이에 표시될 룰을 지정합니다.
  • 없음
  • 그룹
  • 모두

size

크기: 높이

컴포넌트의 높이를(행 수, 픽셀 수 또는 화면의 백분율로서) 지정합니다.

style

스타일: 특성

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

styleClass

스타일: 클래스

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

summary

표시되지 않음

시각적이지 않은 매체로 렌더링하는 사용자 에이전트의 요약 세부사항 문자열을 지정합니다.

title

표시되지 않음

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

width

크기: 너비

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

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