자동 완성 텍스트
더 빠른 입력을 위해, 연결된 선택 서비스에 따라 텍스트를 자동으로 채웁니다.
구성 특성
구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오.
- 화면 크기
- 특성 이름 옆에 화면 크기 아이콘
이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.
- 테마 정의
- 테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.
텍스트 자동 완성의 모양 구성 특성은 다음 표에 나와 있습니다.
| 모양 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 너비 | 보기의 너비를 지정합니다. 너비는 px(픽셀), %(백분율) 또는 em 단위로 지정할 수 있습니다. 예를 들어, 50px, 20%또는 0.4em입니다. 단위 유형을 지정하지 않으면 px가 사용됩니다. 기본적으로 너비는 지정되지 않습니다. | String |
| 높이 | 보기의 너비를 지정합니다. 너비는 px(픽셀), %(백분율) 또는 em 단위로 지정할 수 있습니다. 예를 들어, 50px, 20%또는 0.4em입니다. 단위 유형을 지정하지 않으면 px가 사용됩니다. 기본적으로 너비는 지정되지 않습니다. | String |
| 레이블 배치 |
보기에 대해 다음 레이블 배치 위치 중 하나를 지정합니다.
|
String |
| 레이블 너비 |
레이블의 너비입니다. 너비(px, 픽셀) 또는 em 단위를 지정할 수 있습니다. 예를 들면, 50px, 20% 또는 0.4em입니다. 단위 유형이 지정되지 않으면 px를 사용합니다. | String |
텍스트 자동 완성의 동작 구성 특성은 다음 표에 나와 있습니다.
| 동작 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 탭 색인 | 양식 보기의 탭 지정 순서 색인을 지정합니다. 탭 색인은 1부터 시작하며 최소로 설정할 수 있습니다. 기본적으로 탭 지정 순서 색인은 지정되지 않습니다. | Integer |
| 플레이스홀더 텍스트 | 입력된 텍스트가 없을 때 표시되는 텍스트입니다. | String |
| 드롭 다운 항목 수 | 사용자가 입력을 시작할 때 표시할 최대 드롭 다운 항목 수입니다. 기본값 수는 4입니다. | Integer |
텍스트 자동 완성의 항목 구성 특성은 다음 표에 나와 있습니다.
| 항목 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 항목 검색 모드 | 선택 목록을 채우기 위해 사용할 수 있는 메소드를 지정합니다. 사용 가능한 옵션은 Start Empty, Items From Service, Items From List입니다. | String |
| 자동 완성 기능 항목 서비스 | 자동 완성 기능 목록을 채우는 적절한 Ajax 서비스 액세스에 기반한
서비스 플로우입니다. 검색 모드가 Items From
Service인 경우 서비스가 사용됩니다. 팁: 목록 항목 서비스에서 보기를 지원하는 경우 서비스는 두 개의 변수를 사용합니다. 하나는 data라는
string 유형의 입력 변수이고 다른 하나는 results라는 list 유형의 출력 변수입니다. 이 변수는 결과를 보기에 바인드되는 데이터로 출력합니다. 출력 변수 이름이 목록 항목 서비스의
results가 아닌 경우, 사용할 수 있는 값이 없습니다. |
Service Flow |
| 항목 목록 | 자동 완성 기능 목록을 채울 항목입니다. 항목 입력 데이터는 항목 검색 모드가 Items From List로 설정된 경우에만 사용됩니다. | String[] |
이벤트
이벤트 특성에서 보기에 대한 이벤트 핸들러를 설정하거나 수정하십시오. 사용자가 보기로 상호작용할 때 또는 프로그래밍 방식으로 트리거되도록 이벤트를 설정할 수 있습니다. 이벤트를 정의하고 코딩하는 방법에 대한 정보는 사용자 정의 이벤트를 참조하십시오.텍스트 자동 완성에는 다음 유형의 이벤트 핸들러가 있습니다.
- On load: 뷰가 로드될 때 활성화됩니다(예:
me.setPlaceholder(${Data1}.getValue()) - On change: 바인딩 데이터가 변경될 때 활성화됩니다(예:
${Service1}.setInputData(me.getText());${Service1}.execute()
메소드
자동 완성 텍스트의 사용 가능한 메소드에 대한 자세한 정보는 자동 완성 텍스트 JavaScript API 를 참조하십시오.
추가 자원
Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성및 HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.