GWTのFlexTableのMouseOver

Question

こんにちは皆様 FlexTableには画像（各セルに1つ）が含まれています。私はあなたがマウスの上にマウスを動かすというイベントがあったなら、画像のタイトルを含むべきポップアップが出てきたらいいですね。 誰かが私に手を差し伸べることができますか？

私はこのコードを挿入しようとしましたが（少なくとも私にとっては）何をしなければならないのですか？しかし、マウスポインタを削除するとポップアップはアクティブのままです。

private FlexTable createHTML(ImageResult result,int row,final int i,int currentCol) { 

immagine[i]=new Image(result.getThumbnailUrl()); 
resultsTableImm.setWidget(row, currentCol, immagine[i]); 
titleImm[i]=result.getTitleNoFormatting(); 
contentImm[i]=result.getContentNoFormatting(); 
urlImm[i]=result.getUnescapedUrl(); 

immagine[i].addMouseOverHandler(new MouseOverHandler() { 

     @Override 
     public void onMouseOver(MouseOverEvent event) { 

      PopupPanel p = new PopupPanel(true); 
      Widget source = (Widget) event.getSource(); 
      int x = source.getAbsoluteLeft() + 10; 
      int y = source.getAbsoluteTop() + 10; 
      p.add(new HTML("<b>"+titleImm[i]+"</b><br>"+contentImm[i])); 
      p.setPopupPosition(x, y); 
     p.show(); 
     } 
    }); 

    return resultsTableImm; 
      } 

はありがとうと良い一日を

JD

Answer 1

FlexTableがonMouseOverHandlerはしていませんが。それはclickHandlerしか持っていません。したがって、マウスオーバーハンドラーをテーブル（セル）に接続することはできません。一つの方法は、あなたがgwt2.1を使用している場合

Image image= new Image(); 
image.addMouseOverHandler(new MouseOverHandler() { 

     @Override 
     public void onMouseOver(MouseOverEvent event) { 
      PopupPanel p = new PopupPanel(true); 
      Widget source = (Widget) event.getSource(); 
      int x = source.getAbsoluteLeft() + 10; 
      int y = source.getAbsoluteTop() + 10; 

      p.add(image); 
      p.setPopupPosition(x, y); 
      p.show(); 
     } 
    }); 

が、私はあなたがXortyの例を煮詰め、この例ではCellTable

ルックCell Table

Answer 2

あなたが登録したのonmouseoverハンドラとカスタムウィジェット作り、フレックステーブルにそれを置くことができます（アイデアは、セルのリスナーを追加しようとされていませんが、それはセルにあるウィジェット自体にあります）。

それとも、このような何か試すことができます。 http://www.java2s.com/Code/Java/GWT/TableMouseOverEvent.htm

Answer 3

を使用することをお勧めすることをpopuplikeに表示した画像にaddMouseOverHandlerです現在の質問の要点に、FlexTableの次の拡張を適用することができます：

import com.google.gwt.user.client.DOM; 
import com.google.gwt.user.client.Element; 
import com.google.gwt.user.client.Event; 
import com.google.gwt.user.client.ui.FlexTable; 

public class PTable extends FlexTable { 

    public static final String ROW_STYLE_NAME = "pm-PTable-row"; 

    PTable() { 
     setStyleName("pm-PTable"); 
     sinkEvents(Event.ONMOUSEOVER |Event.ONMOUSEOUT); 
    } 

    @Override 
    public void onBrowserEvent(Event event) { 
     super.onBrowserEvent(event); 
     Element td = getEventTargetCell(event); 
     if (td == null) return; 
     Element tr = DOM.getParent(td); 
     switch (DOM.eventGetType(event)) { 
      case Event.ONMOUSEOVER: { 
       tr.addClassName(ROW_STYLE_NAME + "-mouseover"); 
       break; 
      } 
      case Event.ONMOUSEOUT: { 
       tr.removeClassName(ROW_STYLE_NAME + "-mouseover"); 
       break; 
      } 
     } 
    } 
}