Vaadin: Динамическое изменение цвета фона текстового поля

Question

Как динамически изменять визуальные свойства текстового поля, скажем, цвет фона?

Примером может быть во время проверки изменения цвета фона в зависимости от введенного значения.

Answer 1

Вот пример

.v-textfield-dashing  
{  
    border:  thin dashed;  
    background: white; /* Has shading image by default */  
} 

Подробной информации вы получите по этой ссылке. https://vaadin.com/book/-/page/components.textfield.html

И если вы хотите изменить TextField цвета динамически, то вы получите содержание по ссылке ниже https://vaadin.com/wiki/-/wiki/Main/Dynamically%20injecting%20CSS

Answer 2

В вашей войне (это будет внутри WebContent, если вы используете ecilpse) есть файл в этом пути Vaadin/темы/customrunno/styles.css (asuming вы используете Rünno в качестве темы)

С этим содержанием:

@import url(../runo/styles.css); 

.my_bg_style { 
    background: #99EE6B; 
} 

в вашей инициализации мето d:

setTheme("customruno"); // same as the folder folder under VAADIN/themes 

изменить ваш TextField фон:

textField.addStyleName("my_bg_style"); // same as in styles.css 

удалить стиль просто сделать:

textField.removeStyleName("my_bg_style");