Добавление подсказки в TextField

Question

Я хочу добавить TextField со встроенным текстом подсказки, приглашением пользователя и заполнителем до тех пор, пока пользователь не введет текст.Текст подсказки исчезает, когда TextField находится в фокусе, и вновь появляется, если TextField теряет фокус и текст не вводится.

Сначала я думал, что это будет общая функция для текстовых полей Vaadin, но, похоже, это не так.Сейчас я ищу способ реализовать собственное расширение TextField для добавления этой функции.Но я застрял.

Мой вопрос: кто-нибудь здесь делал это раньше или инстинктивно знает, как это должно быть сделано?

Вот как далеко я зашел:1009 *

Answer 1

Встроенная функция

После некоторых исследований я обнаружил, что это интегрированная функция во всех элементах управления вводом (TextField, TextArea, DateField, ComboBox).

Ваадин Флоу (Ваадин 10)

Эта функция называется Заполнитель .

При желании вы можете передать текст-заполнитель в конструктор из TextField вместе с необязательным начальным значением.

new TextField( "label goes here" , "hint goes here" ) 

Или позвоните установщику и получателю: TextField::setPlaceholder и TextField.getPlaceholder.

myTextField.setPlaceholder( "Hint goes here" ) ;

Ваадин 8

Эта функция является свойством Заполнитель .

Вызовите методы получения / установки: TextField::getPlaceholder и TextField.setPlaceholder.

myTextField.setPlaceholder( "Hint goes here" ) ;

Ваадин 7

Функция представляет собой свойство с именем InputPrompt .

Вызовите методы получения / установки: TextField::setInputPrompt и TextField::getInputPrompt.

myTextField.setInputPrompt("Hint goes here");