이 복합 컴포넌트는 다른 컴포넌트를 레이아웃하는 데 사용됩니다. 대개 하이퍼링크, 단추 및 분리 문자를 포함하며 이들을 메뉴 또는 탐색줄처럼 보이고 동작하도록 정렬합니다. 또한 다른 메뉴 표시줄 컴포넌트도 포함할 수 있는데, 이 경우 접기 가능/펼치기 가능한 하위 메뉴를 갖는 중첩된 구조를 작성합니다.
패널 - 메뉴 표시줄 컴포넌트를
페이지로 끌어서 놓으십시오.
패널 - 메뉴 표시줄 컴포넌트는
페이지에서 다음과 같이 보입니다.
패널 - 메뉴 표시줄 컴포넌트는 추가된 컴포넌트에 따라 런타임 시 다릅니다.
컴포넌트의 특성 보기는 컴포넌트에 설정할 수 있는 가장 일반적인 속성 세트를 표시하며, 컴포넌트에 따라 제어, 조치 또는 기타 컴포넌트를 추가하기 위한 옵션이 표시될 수도 있습니다. 특성 보기를 열려면 창 > 보기 표시 > 특성을 클릭하십시오. 하지만 특성 보기는 기본적으로 열려 있습니다.
패널 - 메뉴 표시줄 컴포넌트의 이러한 공통 속성은 특성 보기의 hx:panelActionbar 탭에 표시됩니다. 전체 속성 목록은 모든 패널 - 메뉴 표시줄 속성 테이블을 참조하십시오. 패널 항목에 대한 추가 구성 옵션은 hx:panelActionbar>항목 탭에 있습니다.
구성 옵션 |
설명 |
---|---|
제어에 항목 추가 |
메뉴 표시줄의 항목을 볼 수 있으며, 하이퍼링크, 명령 단추, 서브패널 및 분리 문자를 추가할 수 있습니다. 또한 제거 단추를 사용하여 항목을 제거하고 위로 이동 및 아래로 이동 단추를 사용하여 패널에서 순서를 변경할 수 있습니다. |
모든 속성 보기는
컴포넌트에 설정할 수 있는 모든 속성 테이블을 표시하는데, 특성 보기에서 액세스할 수 있는
해당 속성을 포함합니다. 모든 속성 보기로 전환하려면
특성 보기의 오른쪽 상단 모서리에 있는 모든 속성 아이콘 을 클릭하십시오.
속성 이름 |
특성 보기에 다음으로 표시됨 |
설명 |
---|---|---|
autoseparate |
각 항목 사이에 분리 문자 표시 |
이 상자를 선택하면 분리 문자 선이 조치 막대의 항목 사이에 표시되도록 지정합니다. autoseparate를 true로 설정하면, 렌더링될 때 포함된 각 컴포넌트 사이에 자동으로 분리 문자 항목이 삽입됩니다. 공백으로 남겨 둘 경우, 기본값은 false이고 분리 문자는 삽입되지 않습니다. |
binding |
표시되지 않음 |
보통 지원 파일에서 이 컴포넌트를 표시하는 UIComponent를 지정합니다. |
dir |
표시되지 않음 |
런타임 시 렌더링될 때 컴포넌트 방향을 지정합니다. 값은 다음 중 하나가 될 수 있습니다.
|
height |
크기: 높이 |
컴포넌트의 높이를(행 수, 픽셀 수 또는 화면의 백분율로서) 지정합니다. |
id |
ID |
컴포넌트에 이름을 지정합니다. JSP 내에서 고유한 이름이어야 합니다. |
layout |
패널 방향 |
레이아웃을 가로 또는 세로로 지정합니다.
|
nestedExpanded |
초기에 펼쳐진 패널 표시 |
하위 panelActionbar를 펼치거나 접습니다. 하나의 panelActionbar가 다른 것에 중첩된 경우에만 적용됩니다. |
nestedImagePosition |
이미지 위치 |
하위 panelActionbar 레이블 이전이나 이후에 이미지를 넣습니다. 하나의 panelActionbar가 다른 것에 중첩된 경우에만 적용됩니다. |
nestedIndent |
표시되지 않음 |
하위 panelActionbar 서브메뉴의 들여쓰기 양을 지정합니다. 하나의 panelActionbar가 다른 것에 중첩된 경우에만 적용됩니다. |
nestedTitleImage |
이미지 |
레이블 앞이나 뒤에 가는 이미지를 지정합니다. 필드의 오른쪽에 있는 단추를 사용하여 이미지를 찾아보거나 가져올 수 있습니다. |
nestedTitleText |
레이블 |
하위 panelActionbar의 레이블을 지정합니다. 하나의 panelActionbar가 다른 것에 중첩된 경우에만 적용됩니다. |
rendered |
표시되지 않음 |
true 또는 false로 설정할 수 있습니다.
|
styleClass |
스타일: 클래스 |
이 요소를 렌더링할 때 적용할 공백으로 구분되는 CSS 스타일 클래스 목록을 지정합니다. 이 값은 생성된 마크업에서 "class" 속성으로 전달해야 합니다. 선택한 컴포넌트의 클래스(예: 스타일시트)를 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 클래스를 선택하여 완료할 수 있습니다. |
style |
스타일: 특성 |
컴포넌트에 대한 CSS 스타일 정보를 지정합니다(예: style="font-size : 8pt ; color : red").선택한 컴포넌트의 특성(예: 글꼴 및 색상)을 정의합니다. 수동으로 또는 단추를 클릭하고 창 안에서 원하는 특성을 선택하여 완료할 수 있습니다. |
width |
크기: 너비 |
컴포넌트의 초기 너비를 지정합니다. 너비는 해당 값이 문자 수를 언급하는 텍스트 입력 컴포넌트의 경우를 제외하고 픽셀 단위로 제공됩니다. |