Farbe des apache-wicket-Komponente

Ich habe den folgenden code:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd"
  xml:lang="en" lang="en">
  <body>
    <wicket:panel>
      <div wicket:id="serviceListContainer">
        <table>
          <tr wicket:id="serviceListView">
            <td>
              <span wicket:id="service.name"></span>
            </td>
            <td>
              <span wicket:id="service.state"></span> <!-- I WANT TO COLOR THIS PART IN RED! -->
            </td>
          </tr>
        </table>
      </div>
    </wicket:panel>
  </body>
</html>

Wie kann ich die Farbe ändern von der Ausgabe-text-ersetzen wird " - service.Staat"? Ich habe versucht, mit <font color="red"> aber es machte keinen Unterschied.
Danke!

InformationsquelleAutor hooch | 2011-09-23
  1. 8

    Anderen Antworten angegeben haben, wie können Sie die style="..." Attribut in der HTML-Vorlage. Wenn auf der anderen Seite, dass Sie nicht möchten, dies zu tun, statisch (sagen, Sie berechnen die Farbe und fügen Sie es anschließend auf die Komponente), sollten Sie hinzufügen eine AttributeModifier der Komponente1.

    Beispiel (ungetestet):

    Label l = new Label("service.state", ...);
IModel<String> colorModel = new AbstractReadOnlyModel<String>() {
    public String getObject() {
        return "color: red;"; //Dummy example
    }
}; //Some model, holding a string representation of a CSS style attribute (e.g., "color: ...;") based on some date and/or calculation
l.add(new AttributeModifier("style", true, colorModel);

    Könnten Sie sogar mit einem SimpleAttributeModifier, wenn Sie nicht brauchen die pull-basierten Modell:

    Label l = new Label("service.state", ...);
String styleAttr = "color: red;";
l.add(new SimpleAttributeModifier("style", styleAttr));

    1) Vorausgesetzt, dass setRenderBodyOnly(true) hat nicht genannt worden. Das würde entfernen Sie die Verpackung <span> element in der Ausgabe.

    • AttributeModifier zu sein scheint veraltet (link ist ein 404), und SimpleAttributeModifier ist auch ein 404-link.
    • Ja, gut. Zu der Zeit, Wicket 1.4 aktuell war 🙂
    InformationsquelleAutor jensgram
  2. 3

    Vom W3Schools:

    Den <font> - tag ist deprecated in HTML 4, und entfernt von HTML5.

    Das World Wide Web Consortium (W3C) hat entfernt das tag aus
    seine Empfehlungen. In HTML 4, Stylesheets (CSS) verwendet werden soll
    definieren Sie das layout und anzeigen der Eigenschaften für viele HTML-Elemente.

    Stile verwenden, auch wenn es inline-styling statt: 

    <span style="color:red">this is red text</span>

    Wenn Sie mit Wicket, werden Sie wollen, stellen Sie sicher, dass Sie nicht mit setRenderBodyOnly(true) auf die Komponente mit der id service.state, als würde dieser Streifen die <span> - tag mit dem style.

    InformationsquelleAutor Xavi López
  3. 0
    <span wicket:id="service.state" style="color:red"></span>

    oder besser ist die Verwendung der richtigen css-Klassen

    InformationsquelleAutor kan
Schreibe einen Kommentar