팝업 메뉴

팝업 메뉴를 기타 보기에 추가합니다. 메뉴 항목이 클릭되거나 보기가 초점을 잃는 경우 메뉴 항목에 이를 고정할 수 있습니다.

구성 특성

구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오.

화면 크기: 특성 이름 옆에 화면 크기 아이콘 이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.

테마 정의: 테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.

팝업 메뉴 보기의 모양 구성 특성은 다음 테이블에 나와 있습니다.

표 1. 팝업 메뉴의 모양 구성 특성
모양 구성 특성	설명	데이터 유형
레이블 표시	팝업 보기의 레이블을 제공합니다. 레이블 표시를 선택하면 팝업 메뉴에서 포함된 보기의 레이블을 표시합니다. 기본적으로 포함된 보기의 레이블은 숨겨집니다.	`Boolean`
레이블 배치	레이블 위치를 지정합니다. 맨 위 왼쪽	`String`
레이블 너비	레이블의 너비입니다. 너비(px, 픽셀) 또는 em 단위를 지정할 수 있습니다. 예를 들면, 50px, 20% 또는 0.4em입니다. 단위 유형이 지정되지 않으면 px를 사용합니다.	`String`
가로 맞추기	포함된 보기와 관련된 팝업 메뉴의 가로 위치를 지정합니다. 왼쪽 오른쪽	`String`
세로 맞추기	포함된 보기와 관련된 팝업 메뉴의 세로 위치를 지정합니다. 맨 위 맨 아래	`String`
음영	새도우를 팝업 메뉴 프레임에 추가합니다.	`Boolean`
너비	보기를 줄 바꾸기하는 엔벨로프의 너비를 지정합니다.	`String`

팝업 메뉴 보기의 동작 구성 특성은 다음 테이블에 나열되어 있습니다.

표 2. 팝업 메뉴의 동작 구성 특성
동작 구성 특성	설명	데이터 유형
메뉴 고정	메뉴 항목을 클릭하거나 보기에 더 이상 초점이 없을 때 팝업 메뉴가 자동으로 닫히지 않게 방지합니다.	`Boolean`
메뉴 항목	메뉴에서 항목을 지정합니다. 명령 (`String`) 이 메뉴 항목이 선택될 때 실행하는 명령입니다. 항목 유형 (`String`) 메뉴 항목 유형을 지정합니다. 레이블 구분 기호 섹션 헤더 아이콘 (`String`) 지정된 메뉴 항목에 추가할 아이콘입니다. 아이콘이 없는 경우 비워두십시오. 항목 텍스트 (`String`) (구분 기호에 적용할 수 없는) 지정된 메뉴 항목에 표시하기 위한 텍스트입니다. 배지 모양 (`String`) 사용할 배지 모양입니다. 없음 제곱 반올림됨 배지 색상 (`String`) 배지에 사용할 색상 스타일입니다. 색상은 지정된 테마에서 변수에 해당됩니다. 배지 텍스트 (`String`) 배지에 추가되는 텍스트입니다.	`MenuItemSpec[]`

예

이 예에서 입력 그룹 보기는 팝업 메뉴 보기 내에 배치됩니다. 다음과 같이 입력 그룹 보기의 구성 특성을 설정하십시오.

모양아래에서 레이블 배치 를 Top로, 색상 스타일 을 Warning로, 단추 위치 를 Left로, 단추 유형 을 Menu로, 단추 정보 를 Click to see Menu Items로 설정하십시오.
이벤트의 단추 클릭 시에서 다음 코드 행을 입력하십시오.
```
${Popup_Menu1}.setMenuVisible(!${Popup_Menu1}.isMenuVisible{})
```

여기서, 'Popup_Menu1'은 팝업 메뉴 보기의 제어 ID입니다.

팝업 메뉴 보기에 대해 다음 구성 특성을 설정하십시오.

모양아래에서 레이블 배치 를 Top로 설정하고, 가로 맞추기 를 Left로 설정하고, 세로 맞추기 를 Bottom로 설정하고, 음영을 선택하고, 너비 를 25%로 설정하십시오.
동작에서 핀 메뉴를 선택하십시오.
메뉴 항목의 경우 더하기(+)를 클릭하여 각각 다음 값이 포함된 세 개의 행을 테이블에 추가하십시오.
- 행 1: 명령의 경우 1를 입력하고, 항목 유형 을 Label로 설정하고, Item text의 경우 Item 1를 입력하고, 배지 모양 을 Rounded로 설정하고, 배지 색상 을 Primary로 설정하고, 배지 텍스트 의 경우 1를 입력하십시오.
- 행 2: 명령에 대해 2를 입력하고, 항목 유형 을 Label로 설정하고, Item text에 대해 Item 2를 입력하고, 배지 모양 을 Rounded로 설정하고, 배지 색상 을 Info로 설정하고, 배지 텍스트 에 대해 2를 입력하십시오.
- 행 3: 명령에 대해 3를 입력하고, 항목 유형 을 Label로 설정하고, Item text에 대해 Item 3를 입력하고, 배지 모양 을 Rounded로 설정하고, 배지 색상 을 Success로 설정하고, 배지 텍스트 에 대해 3를 입력하십시오.

런타임 시 결과는 다음 이미지와 유사한 팝업 메뉴입니다.

이벤트

이벤트 특성에서 보기에 대한 이벤트 핸들러를 설정하거나 수정하십시오. 사용자가 보기로 상호작용할 때 또는 프로그래밍 방식으로 트리거되도록 이벤트를 설정할 수 있습니다. 이벤트를 정의하고 코딩하는 방법에 대한 정보는 사용자 정의 이벤트를 참조하십시오. 팝업 메뉴 보기에는 다음 유형의 이벤트 핸들러가 있습니다.

: 페이지가 로드될 때 활성화됩니다. 예를 들어,
```
me.setMenuVisible(true)
```

: 항목을 클릭하면 활성화됩니다. 레이블에만 적용되며 섹션 헤더에는 적용되지 않습니다. 예를 들어,

${Text1}.setLabelPosition(command) //sets the label position of the Text1 control to the value of command
//the value of command is set in the menu item command property

메소드

팝업 메뉴의 사용 가능한 메소드에 대한 자세한 정보는 팝업 메뉴 JavaScript API 를 참조하십시오.

추가 자원

Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성및 HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.