ResizableTextArea 제어
사용자 입력을 위한 구성 요소입니다.
노트
GitHub 코드 구성 요소 리포지토리에서 전체 설명서 및 소스 코드를 확인할 수 있습니다.
Description
텍스트 영역은 사람들이 텍스트를 입력하고 편집할 수 있는 방법을 제공합니다. 양식, 모달 대화 상자, 테이블, 텍스트 입력이 필요한 기타 표면에서 사용됩니다.
이 구성 요소를 사용하면 사용자가 편의를 위해 텍스트 영역의 크기를 조정할 수 있습니다.
노트
구성 요소 소스 코드 및 자세한 정보는 GitHub 코드 구성 요소 리포지토리에 있습니다.
속성
키 속성
| Property | Description |
|---|---|
Text |
컨트롤에 설정된 텍스트 값입니다. 모델 기반 앱에서 사용할 때 기본 바인딩된 속성입니다. |
Default |
컨트롤이 재설정되거나 기본값이 변경될 때 컨트롤이 갖게 되는 기본값입니다. 이렇게 하면 컨트롤이 캔버스 앱 양식 내부의 컨트롤과 유사한 방식으로 작동할 수 있습니다. |
MaxLength |
입력할 수 있는 최대 문자 수 |
HintText |
설정된 텍스트 값이 없을 때 표시할 텍스트 |
EmptyPlaceholderText |
값이 없고 컨트롤에 포커스가 없을 때 표시할 텍스트입니다. 이는 채워진 값이 없을 때 ---을 표시하는 모델 기반 텍스트 컨트롤의 경우 유사한 스타일을 제공합니다. |
DefaultHeight |
처음에 텍스트 영역을 설정할 높이입니다. 캔버스 앱/사용자 지정 페이지에서 설정하지 않은 경우 크기는 기본적으로 코드 구성 요소 높이로 설정됩니다. 모델 기반 앱의 경우 양식이 초기 높이를 제공하지 않기 때문에 이것이 필요합니다. |
DefaultWidth |
처음에 텍스트 영역을 설정할 너비입니다. 캔버스 앱/사용자 지정 페이지에서 설정하지 않은 경우 크기는 기본적으로 코드 구성 요소 높이로 설정됩니다. 모델 기반 앱의 경우 기본 너비가 양식 열의 너비가 되기 때문에 필요하지 않습니다. |
MinHeight |
textarea의 크기를 조정할 수 있는 최소 높이입니다. 제한이 없는 경우 0으로 설정합니다. |
MaxHeight |
textarea의 크기를 조정할 수 있는 최대 높이입니다. 제한이 없는 경우 0으로 설정합니다. |
Min Width |
textarea의 크기를 조정할 수 있는 최소 너비입니다. 제한이 없는 경우 0으로 설정합니다. |
MaxWidth |
textarea의 크기를 조정할 수 있는 최대 너비입니다. 제한이 없는 경우 0으로 설정합니다. |
AllowResize |
textarea의 크기를 조정할 수 있는 방향을 정의합니다. 없음, 둘 다, 가로 또는 세로 |
EnableSpellCheck |
브라우저에서 textarea의 철자를 검사해야 하는지 여부를 정의합니다. |
Output 속성
| Property | Description |
|---|---|
Resized Height** (output) - The user adjusted height | 크기 조정된 너비** (출력) - 사용자가 조정한 너비 |
스타일 속성
| Property | Description |
|---|---|
PaddingLeft |
textarea 내부에 추가할 여백 |
PaddingRight |
textarea 내부에 추가할 여백 |
PaddingTop |
textarea 내부에 추가할 여백 |
PaddingBottom |
textarea 내부에 추가할 여백 |
Left Padding Adjustment |
모델 기반 앱 내에서 레이블이 숨겨져 있어도 아이콘(예: 잠금 아이콘)을 유지하기 위해 코드 구성 요소 왼쪽에 여백이 있습니다. 이를 수정하려면 왼쪽 여백 조정을 21로 설정하여 너비를 줄여야 합니다. 레이블도 있는 경우 왼쪽 여백 조정을 레이블 너비로 설정해야 합니다. |
RenderBorderStyle |
일반 또는 중앙일 수 있습니다. 일반으로 설정하면 텍스트 영역 상자 내부의 테두리 너비가 증가하지만 중앙을 사용하면 텍스트 영역 상자의 가장자리 주위에 테두리가 가운데에 맞춰집니다. 중앙을 사용하여 Power Apps Classic 컨트롤과 호환되고 모델 기반 및 유창한 UI 컨트롤에 대해 일반을 사용합니다. |
Accessibility Label |
아리아 레이블 |
스타일/상태의 모든 조합이 모든 구성 요소에서 구현되는 것은 아닙니다. GitHub 구성 요소 설명서의 상태 종속 스타일 속성을 참조하세요.
이벤트 속성
| Property | Description |
|---|---|
Input Event |
입력 이벤트 속성을 SetFocus로 시작하는 문자열로 설정하여 컨트롤에 포커스를 설정합니다. 이벤트를 트리거하려면 임의의 접미사를 포함해야 합니다. |
다른 속성은 표준 텍스트 입력 컨트롤과 동일합니다.
동작
SetFocus를 InputEvent로 지원합니다.
제한 사항
이 코드 구성 요소는 캔버스 앱, 사용자 정의 페이지, 모델 기반 앱에서만 사용할 수 있습니다.
GitHub 문서의 디자인 과제 섹션에서 더 많은 제한 사항을 참조하세요.