Как установить курсор: рука с меткой GWT: - PullRequest
Новая
       25

Как установить курсор: рука с меткой GWT:

7 голосов
/ 19 декабря 2011

Я бы хотел установить прослушиватель мыши на свой Lable, чтобы я мог изменить курсор на HAND_CURSOR, когда пользователь наводит указатель мыши на метку. 

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

Я пытался установить стиль CSS"курсор: рука;"для этой метки, но при запуске все атрибуты курсора были заменены.

Есть ли у вас какие-либо предложения?

Ответы [ 4 ]

19 голосов
/ 01 августа 2012

Ответ, предоставленный user1557828 , фактически заставит Ярлык показывать курсор, когда мышь над ним, но есть более простой способ добиться того же результата: 

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

Это установит курсор при создании экземпляра, и стиль сохранится.Нет необходимости повторно применять стиль каждый раз, когда мышь перемещается над меткой.

2 голосов
/ 01 октября 2012 
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);
}
}

}
2 голосов
/ 27 июля 2012

Вам нужно только сделать следующее: 

.left_menu_title {
 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      
        }
    });
2 голосов
/ 19 декабря 2011

Правильный способ сделать это будет: 

.left_menu_title {
   cursor: pointer;
}

и 

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