Come impostare il cursore: mano con GWT: etichetta

Question

Vorrei impostare un ascoltatore del mouse su Lable in modo da poter cambiare il cursore su HAND_CURSOR quando l'utente posiziona il mouse su un'etichetta.

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

Ho cercato di impostare lo stile css "cursor: hand;" per questa etichetta, ma quando è stato eseguito, tutti i cursori degli attributi sono stati sostituiti.

Avete qualche suggerimento?

Answer 1

Il modo corretto per farlo sarebbe:

.left_menu_title { 
    cursor: pointer; 
} 

e

<g:Label text="Overview" styleName="{style.left_menu_title}" ui:field="lb_overview"/> 

Answer 2

devi solo effettuare le seguenti operazioni:

.left_menu_title { 
cursor: pointer; 
} 

se si vuole un codice per fare altra cosa di impostare il cursore sul puntatore:

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  
     } 
    }); 

Answer 3

La risposta fornita da user1557828 sarà infatti causare l'etichetta per mostrare il cursore quando il mouse è sopra esso, ma c'è un modo più semplice per ottenere lo stesso risultato:

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

Questo imposterà il cursore all'istanziazione e lo stile persisterà. Non è necessario riapplicare lo stile ogni volta che il mouse si sposta sull'etichetta.

Answer 4

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); 
} 
} 

}