Wie kann man set cursor: hand mit GWT: label

Ich würde gerne einen mouse-listener zu meinem Lable so dass ich ändern kann der cursor zu einem HAND_CURSOR, wenn der Benutzer den Mauszeiger über ein label.

 <g:Label text="Overview" styleName="left_menu_title" ui:field="lb_overview"/>

Ich versuchte, zu style css "cursor: hand;" für das Label, aber wenn ausführen, werden alle Attribut-cursor ersetzt wurden.

Haben Sie eine Anregung?

  • Meinst du css "cursor:pointer"?
  • Ich habe versucht, "cursor: Punkt" und "cursor: hand" aber es wurde doch noch ersetzt
  • hinzufügen cursor: pointer !important; zu zwingen, Ihren CSS-style, wenn etwas anderes zu überschreiben.
  • Das ist, weil es keine solche cursor wie point oder hand definiert in der CSS-standard. Die korrekte Bezeichnung zu verwenden ist pointer Chris zeigte in seiner Antwort. Sie können eine Liste der gültigen CSS-cursor-Werten hier: w3schools.com/cssref/pr_class_cursor.asp
  • Danke Strelok und Abdullah, änderte ich die css cursor: pointer !wichtig, und es funktionierte.
InformationsquelleAutor Jimmy | 2011-12-19
  1. 19

    Die Antwort user1557828 wird in der Tat führen das Etikett zu zeigen, der cursor, wenn die Maus über es, aber es ist ein einfacher Weg, um das gleiche Ergebnis zu erzielen:

    Label testLabel = new Label("Text Goes Here);
testLabel.getElement().getStyle().setCursor(Cursor.POINTER);

    Damit wird der cursor bei der Instanziierung und der Stil beibehalten wird. Es ist nicht notwendig, re-gelten das Stil jedes mal, wenn die Maus über dem label.

    InformationsquelleAutor TheGrandPackard
  2. 2

    Dem richtigen Weg, es zu tun wäre:

    .left_menu_title {
   cursor: pointer;
}

    und 

    <g:Label text="Overview" styleName="{style.left_menu_title}" ui:field="lb_overview"/>
    • Als ich sagte, dass alle Attribut-cursor ersetzt wurde. Auch "cursor: Punkt;" "cursor: hand;"
    • Hinzugefügt label styling Regel. Sie waren nicht deklarieren es das richtige für das label.
    • Sie sollten wahrscheinlich verwenden Sie addStylesNames eher als styleName, aber das ist unabhängig von der Frage, die hier diskutiert werden; nur ein FYI.
    • Danke Jungs, ich habe es behoben, indem "cursor: pointer !wichtig;"
    InformationsquelleAutor Chris Cashwell
  3. 2
    where to this one..
Label testLabel = new Label("Text Goes Here);
testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 

in my code provided below..

 {
   xtype:'label',
   text:'testLabel',
   id:'cancel1',
   Label testLabel = new Label("Text Goes Here);  
   testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 
   listeners : {
   render : function(d) {
   d.getEl().on('click', function(){ this.fireEvent('click', d); }, d);
}
}

}
    • ich habe versucht das in meinem code, aber es funktioniert nicht bitte geben Sie mir die entsprechende Antwort-wo es in meinen code...
    InformationsquelleAutor krupal
  4. 2

    Müssen Sie nur Folgendes tun :

    .left_menu_title {
 cursor: pointer;
}

    Wenn Sie möchten, einen code zu tun andere Sache als set cursor pointer : 

    import com.google.gwt.dom.client.Style.Cursor;
import com.google.gwt.event.dom.client.MouseOverEvent;
import com.google.gwt.event.dom.client.MouseOverHandler;
import com.google.gwt.user.client.ui.Label;

...
...
...


 final Label testLabel = new Label();
 testLabel.addMouseOverHandler(new MouseOverHandler() {     
        @Override
        public void onMouseOver(MouseOverEvent event) {
             testLabel.getElement().getStyle().setCursor(Cursor.POINTER);   

            //TODO: any thing you want      
        }
    });
    InformationsquelleAutor naddame
Schreibe einen Kommentar