如何做一個點擊

Question

我有，我想，當用戶點擊我的UI東西要顯示的東西的情況下，當複製SmartGWT的懸停文本的外觀/功能（可以是一個網格，標籤，等等）。我想是要顯示一個小盒子時觸發懸停事件有什麼證明是相似的。不過，我只想通過點擊來展示它，而不是懸停。有沒有辦法做到這一點，沒有很多麻煩？我知道，我總是可以創建一個小的彈出窗口，但懸停文字正是我需要的，智能處理彈出窗口的位置（我認爲會利用窗口走好開展更多的工作）。

Answer 1

我不認爲有一個簡單的方法來做到這一點。下面是我們使用智能彈出類：

public class SmartPopup extends PopupPanel { 

    public void show(int left, int top) { 
     setPopupPositionAndShow(new PositionCallback() { 
      @Override 
      public void setPosition(int offsetWidth, int offsetHeight) { 
       int popupLeft = left; 
       if ((offsetWidth + left > Window.getClientWidth()) 
        && (left - offsetWidth > 0)) { 
        popupLeft = left - offsetWidth; 
       } 

       int popupTop = top; 
       if ((top + offsetHeight > Window.getClientHeight()) 
        && (top - offsetHeight > 0)) { 
        popupTop = top - offsetHeight; 
       } 

       setPopupPosition(popupLeft, popupTop); 
      } 
     }); 
    } 
} 

一旦你有一個這樣的類，你可以擴展它讓你的工具提示樣式，自動包含一個標籤，等等...

public class ToolTip extends SmartPopup { 
    public ToolTip(String message) { 
     addStyleName("tool-tip-css"); 
     add(new Label(message)); 
    } 
} 

，然後從那裏，你的代碼將是相當簡單：

yourButtonOrWhatever.addClickHandler(new ClickHandler() { 

     @Override 
     public void onClick(ClickEvent event) { 
      ToolTip toolTip = new ToolTip("Hey, this is like a tool-tip for clicking!"); 
      toolTip.show(event.getClientX(), event.getClientY()); 
     } 
    }); 

我愛寫作班這麼多，我可能甚至使的ClickHandler一個特殊的子類，所以我沒有輸入過的那些行第二一遍又一遍......

yourButtonOrWhatever.addClickHandler(new ToolTipHandler("Hey, this is like a tool-tip for clicking!")); 

Answer 2

爲什麼不利用這個點擊事件處理

 

    onClickTooltip(com.smartgwt.client.widgets.events.ClickEvent event) { 
       int x = event.getX(); 
       int y = event.getY(); 

      final Canvas w = new Canvas();   
      w.setRect(x,y,72,72); 
      w.setContents("I am Here"); 
      w.draw(); 

     }