如何使用 GWT: label 设置光标：手

发布于 2024-12-21 18:02:08 字数 250 浏览 1 评论 0原文

我想为我的标签设置一个鼠标侦听器，以便当用户将鼠标放在标签上时我可以将光标更改为 HAND_CURSOR。

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

我尝试设置 CSS 样式“cursor: hand;”对于这个Label，但是当运行时，所有属性光标都被替换了。

您有什么建议吗？

原文

I'd like to set a mouse listener to my Label so that I can change the cursor to a HAND_CURSOR when the user places their mouse over a label.

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

I tried to set style css "cursor: hand;" for this Label, but when run, all attribute cursor were replaced.

Do you have any suggestion?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

平安喜乐 2024-12-28 18:02:08

user1557828 提供的答案实际上会导致 Label 在鼠标悬停在其上时显示光标，但是有一种更简单的方法可以实现相同的结果：

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

这将在实例化时设置光标，并且风格将持续下去。每次鼠标移到标签上时，无需重新应用样式。

The answer provided by user1557828 will in fact cause the Label to show the cursor when the mouse is over it, but there is a simpler way to achieve the same result:

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

This will set the cursor at instantiation and the style will persist. It is not necessary to re-apply the style each time the mouse moves over the label.

回复收藏 0 原文

红颜悴 2024-12-28 18:02:08

正确的方法是：

.left_menu_title {
   cursor: pointer;
}

和

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

The proper way to do it would be:

.left_menu_title {
   cursor: pointer;
}

and

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

回复收藏 0 原文

初见你 2024-12-28 18:02:08

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

}

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

}

回复收藏 0 原文

迷爱 2024-12-28 18:02:08

您只需执行以下操作：

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

You have only to do the following :

.left_menu_title {
 cursor: pointer;
}

If you want a code to do other thing than set cursor to 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      
        }
    });

回复收藏 0 原文

~没有更多了~