ResizableTextArea điều khiển
Một thành phần cho đầu vào của người dùng.
Lưu ý
Toàn bộ tài liệu và mã nguồn có trong kho lưu trữ thành phần mã GitHub.
Description
Vùng văn bản cung cấp cho mọi người cách nhập và chỉnh sửa văn bản. Chúng được sử dụng trong các biểu mẫu, hộp thoại, bảng và các giao diện khác có yêu cầu nhập văn bản.
Thành phần này cho phép người dùng thay đổi kích thước vùng văn bản để tiện sử dụng.
Lưu ý
Mã nguồn thành phần và thông tin thêm trong kho lưu trữ thành phần mã GitHub.
Thuộc tính
Thuộc tính khóa
Thuộc tính | Description |
---|---|
Text |
Giá trị văn bản được đặt trong thành phần điều khiển. Đây là thuộc tính ràng buộc mặc định khi được sử dụng trong ứng dụng dựa trên mô hình. |
Default |
Giá trị mặc định mà thành phần điều khiển sẽ có khi thành phần điều khiển được đặt lại hoặc giá trị mặc định được thay đổi. Điều này cho phép điều khiển hoạt động theo cách tương tự như thành phần điều khiển bên trong các biểu mẫu ứng dụng canvas. |
MaxLength |
Số ký tự tối đa có thể nhập |
HintText |
Văn bản sẽ hiển thị khi không có giá trị văn bản nào được đặt |
EmptyPlaceholderText |
Văn bản sẽ hiển thị khi không có giá trị và thành phần điều khiển không có tiêu điểm. Điều này cung cấp một kiểu tương tự khi điều khiển văn bản dựa trên mô hình hiển thị --- khi không có giá trị nào được điền. |
DefaultHeight |
Chiều cao để đặt vùng văn bản ban đầu. Nếu giá trị này không được đặt trong ứng dụng canvas/trang tùy chỉnh, thì kích thước sẽ mặc định là chiều cao của thành phần mã. Đối với các ứng dụng dựa trên mô hình, điều này là bắt buộc vì biểu mẫu không cung cấp chiều cao ban đầu. |
DefaultWidth |
Chiều rộng để đặt vùng văn bản ban đầu. Nếu giá trị này không được đặt trong ứng dụng canvas/trang tùy chỉnh, thì kích thước sẽ mặc định là chiều cao của thành phần mã. Đối với các ứng dụng dựa trên mô hình, điều này là không bắt buộc, vì chiều rộng mặc định sẽ là chiều rộng của cột biểu mẫu. |
MinHeight |
Chiều cao tối thiểu mà textarea có thể thay đổi kích thước. Đặt thành 0 để không đặt giới hạn. |
MaxHeight |
Chiều cao tối đa mà textarea có thể thay đổi kích thước. Đặt thành 0 để không đặt giới hạn. |
Min Width |
Chiều rộng tối thiểu mà textarea có thể thay đổi kích thước. Đặt thành 0 để không đặt giới hạn. |
MaxWidth |
Chiều rộng tối đa mà textarea có thể thay đổi kích thước. Đặt thành 0 để không đặt giới hạn. |
AllowResize |
Xác định hướng mà textarea có thể thay đổi kích thước. Không có, Cả hai, Dọc hoặc Ngang. |
EnableSpellCheck |
Xác định xem textarea có được trình duyệt kiểm tra chính tả hay không. |
Thuộc tính đầu ra
Thuộc tính | Description |
---|---|
Resized Height** (output) - The user adjusted height | Chiều rộng đã thay đổi kích thước** (đầu ra) - Chiều rộng đã điều chỉnh của người dùng |
Thuộc tính kiểu
Thuộc tính | Description |
---|---|
PaddingLeft |
Phần đệm để thêm vào bên trong textarea |
PaddingRight |
Phần đệm để thêm vào bên trong textarea |
PaddingTop |
Phần đệm để thêm vào bên trong textarea |
PaddingBottom |
Phần đệm để thêm vào bên trong textarea |
Left Padding Adjustment |
Bên trong ứng dụng dựa trên mô hình, ngay cả khi nhãn bị ẩn, vẫn có phần đệm ở bên trái thành phần mã để giữ các biểu tượng (ví dụ: biểu tượng khóa). Để sửa lại, chiều rộng phải được giảm bằng cách đặt Điều chỉnh phần đệm trái thành 21. Khi cũng có nhãn, Điều chỉnh phần đệm trái phải được đặt thành chiều rộng của nhãn. |
RenderBorderStyle |
Đây có thể là Thường hoặc Căn giữa. Khi đặt thành Thường, chiều rộng đường viền sẽ tăng bên trong ô vùng văn bản, tuy nhiên, việc sử dụng Căn giữa sẽ căn giữa đường viền xung quanh rìa của ô vùng văn bản. Sử dụng Căn giữa để tương thích với các điều khiển Power Apps Cổ điển và bình thường đối với các điều khiển dựa trên mô hình và các điều khiển Fluent UI. |
Accessibility Label |
Nhãn aria |
Không phải tất cả các kết hợp kiểu/trạng thái đều được triển khai bởi mọi thành phần. Xem Thuộc tính kiểu phụ thuộc vào trạng thái trong hướng dẫn sử dụng thành phần GitHub.
Thuộc tính sự kiện
Thuộc tính | Description |
---|---|
Input Event |
Đặt thuộc tính Sự kiện đầu vào thành một chuỗi bắt đầu bằng SetFocus để đặt tiêu điểm vào điều khiển. Bạn phải bao gồm một hậu tố ngẫu nhiên để sự kiện kích hoạt. |
Các thuộc tính khác giống như điều khiển đầu vào văn bản tiêu chuẩn.
Hành vi
Hỗ trợ SetFocus dưới dạng InputEvent
.
Giới hạn
Thành phần mã này chỉ có thể được sử dụng trong ứng dụng canvas, trang tùy chỉnh và ứng dụng dựa trên mô hình.
Xem thêm lưu ý về giới hạn trong phần thử thách thiết kế của tài liệu GitHub.