Cómo se puede establecer el cursor: mano con GWT: etiqueta

Question

Me gustaría establecer un oyente de ratón en mi Lable para poder cambiar el cursor a HAND_CURSOR cuando el usuario coloca el mouse sobre una etiqueta.

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

Traté de establecer el estilo css "cursor: hand;" para esta etiqueta, pero cuando se ejecuta, todos los atributos del cursor fueron reemplazados.

¿Tiene alguna sugerencia?

Answer 1

La forma correcta de hacerlo sería:

.left_menu_title { 
    cursor: pointer; 
} 

y

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

Answer 2

sólo tiene que hacer lo siguiente:

.left_menu_title { 
cursor: pointer; 
} 

si quieres un código para hacer otra cosa que establecer el cursor al puntero:

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 respuesta proporcionada por user1557828, de hecho, hacer que la etiqueta para mostrar el cursor cuando el ratón está sobre ella, pero hay una manera más sencilla de conseguir el mismo resultado:

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

Esto establecerá el cursor en la instanciación y el estilo persistirá. No es necesario volver a aplicar el estilo cada vez que el mouse se mueve sobre la etiqueta.

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

}