Ext GWT ändern ContentPanel Hintergrundfarbe bei mouseover

In meiner Seite ich habe eine Gxt ContentPanel mit einem weißen hintergrund. Allerdings, wenn der Benutzer die Maus über die überschrift des ContentPanel, ich würde gerne die hintergrund Farben zu ändern.

Habe ich versucht dies zu erreichen durch die Nutzung der geschützten addStyleOnOver Methode der Gxt-Komponente, aber es hat keine Wirkung. Gibt es etwas, was ich tun müssen, um zu verwenden, die Methoden (ich bin schon am untergehen, die ONMOUSEOVER-und ONMOUSEOUT-events), oder einen besseren Weg, um den hintergrund zu ändern?

InformationsquelleAutor jwien001 | 2010-07-28
  1. 2

    können Sie dies tun, indem Sie folgenden code seine Arbeit

        ContentPanel contentPanel = new ContentPanel();
    contentPanel.setStyleName("background");

    und schreiben Sie folgenden code in Ihr css -

       .background:hover .x-panel-body {background-color: red !important;}
    InformationsquelleAutor Divyesh Rupawala
  2. 0

    ich bin mir nicht sicher, ob das funktioniert, aber Sie können es testen...

    final ContentPanel test = new ContentPanel();
test.getHeader().addListener(Events.OnMouseOver, new Listener<BaseEvent>() {
    @Override
    public void handleEvent(BaseEvent be) {
        test.getHeader().setStyleName("your_new_style");
        //or test.setStyleName("your_new_style");
    }
});
    InformationsquelleAutor cupakob
  3. 0

    Können Sie einfach fügen Sie einen Stil für die Kopfzeile, fügen Sie einige css, die Farbe zu ändern.

    test.getHeader().addStyleName("my_style")

# css
my_style:hover { background-color: yellow; }

    Dies ist ein bisschen schwieriger, wenn Sie ändern möchten die bg von der ganzen ContentPanel bei onMouseOver der header, in dem Fall fügen Sie die Maus über ein Ereignis, um die Kopfzeile, in der handle-Fall fügt Stil, um das Fenster "Inhalt" (oder "Inhalt" Körper-je nachdem, was Sie wollen), dann fügen Sie die entsprechenden Stile für Sie css.

    # css
my_style { background-color: yellow; }
    InformationsquelleAutor gbegley
Schreibe einen Kommentar