3.5.2.1.37. 可调大小文本区

在线示例

API 文档

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

该组件的 XML 名称: resizableTextArea

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

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

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

    gui textField resizable

    有四种调整大小的模式:

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

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

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

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

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

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