3.5.2.1.37. 可调大小文本区

在线示例

API 文档

ResizableTextArea 是一个多行文本编辑器空间，具有能调整该组件大小的能力。

该组件的 XML 名称： resizableTextArea

ResizableTextArea 基本复制了文本区组件的功能，但是有下面特殊的属性：

• resizableDirection – 定义用户能改变该组件大小的方式，当该组件的大小用百分比定义时除外。

  <textArea id="textArea" resizableDirection="BOTH"/>

  

  有四种调整大小的模式：

  • BOTH – 组件可以在两个方向调整大小。BOTH 是默认值。如果组件大小设置的是百分比，则组件大小不可调整。

  • NONE – 组件大小不可调整。

  • VERTICAL – 组件只能在竖直方向调整大小。如果组件大小设置的是百分比，则组件大小竖直方向不可调整。

  • HORIZONTAL – 组件只能在水平方向调整大小。如果组件大小设置的是百分比，则组件大小水平方向不可调整。

区域尺寸更改的事件可以通过 `ResizeListener` 接口跟踪。示例：
```
resizableTextArea.addResizeListener(resizeEvent ->
        notifications.create()
                .withCaption("Resized")
                .show());
```

resizableTextArea 属性

align - caption - captionAsHtml - caseConversion - cols - contextHelpText - contextHelpTextHtmlEnabled - css - dataContainer - datasource - datatype - description - descriptionAsHtml - editable - enable - box.expandRatio - height - icon - id - inputPrompt - maxLength - property - required - requiredMessage - responsive - rows - settingsEnabled - stylename - tabIndex - textChangeEventMode - textChangeTimeout - trim - visible - width - wordWrap

resizableTextArea 的预定义样式

align-center - align-right - borderless - huge - large - small - tiny

API

addResizeListener - addTextChangeListener - addValueChangeListener - addValidator - applySettings - commit - discard - isModified - saveSettings - setContextHelpIconClickHandler