Cách đặt con trỏ: tay với GWT: nhãn

Question

Tôi muốn đặt trình nghe chuột cho Lable của mình để tôi có thể thay đổi con trỏ thành HAND_CURSOR khi người dùng đặt chuột lên nhãn.

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

Tôi đã cố đặt kiểu CSS "con trỏ: tay;" cho Nhãn này, nhưng khi chạy, tất cả con trỏ thuộc tính đã được thay thế.

Bạn có đề xuất nào không?

Answer 1

Cách thích hợp để làm điều đó sẽ là:

.left_menu_title { 
    cursor: pointer; 
} 

và

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

Answer 2

Bạn chỉ cần làm như sau:

.left_menu_title { 
cursor: pointer; 
} 

Nếu bạn muốn có một mã để làm điều khác ngoài đặt con trỏ thành con trỏ:

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

Câu trả lời được cung cấp bởi user1557828 sẽ trên thực tế gây ra Label để hiển thị con trỏ khi chuột đã qua nó, nhưng có một cách đơn giản hơn để đạt được kết quả tương tự:

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

này sẽ thiết lập con trỏ tại instantiation và phong cách sẽ vẫn tồn tại. Không cần thiết phải áp dụng lại phong cách mỗi khi chuột di chuyển trên nhãn.

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

}