Vaadin: Dynamisch ein textfield ändern die Hintergrundfarbe

Wie macht man dynamisch ein textfield ändern der visuellen Eigenschaften, sagen die Hintergrundfarbe?

So könnten Sie zum Beispiel während einer Validierung zum ändern der Hintergrundfarbe abhängig von den eingegebenen Wert.

  • Die vaadin-version verwenden Sie ?
InformationsquelleAutor Norman Shelley | 2013-05-31
  1. 4

    Hier ist die Probe

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

    Detaillierte Informationen erhalten Sie auf diesem link.
    https://vaadin.com/book/-/page/components.textfield.html

    Und wenn Sie ändern möchten textfield Farbe dynamisch sind, dann erhalten Sie den Inhalt auf den link unten
    https://vaadin.com/wiki/-/wiki/Main/Dynamically%20injecting%20CSS

    • Statt der Injektion CSS, könnten Sie addStyleName() zum hinzufügen einer weiteren CSS-Klasse oder-removeStyleName (), um es zu entfernen
    InformationsquelleAutor Santa
  2. 4

    In den Krieg (dies wird in WebContent, wenn Sie mit ecilpse) haben eine Datei in diesem Pfad VAADIN/themes/customrunno/Stile.css (asuming, die Sie verwenden runno als Ihr Thema)

    Mit diesem Inhalt:

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

.my_bg_style {
     background: #99EE6B;  
}

    In Ihrer init-Methode:

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

    ändern Sie Ihre textfield background:

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

    entfernen der Stil nur:

    textField.removeStyleName("my_bg_style");
    InformationsquelleAutor David Hofmann
Schreibe einen Kommentar