GWT CellTable 工具提示无法正常工作

Question

我正在使用 CellTable，我想在将鼠标悬停在任何单元格上时显示工具提示。我的代码运行良好，但工具提示没有改变其位置。

我的意思是，如果我将鼠标悬停在单元格 1 上显示工具提示，然后如果我将鼠标悬停在单元格 100 上，工具提示数据会发生变化，但工具提示仍显示在单元格 1 上。

我正在使用以下代码:

cellTable.addCellPreviewHandler(new Handler<List<String>>() {
  @Override
  public void onCellPreview(CellPreviewEvent<List<String>> event) {
    if ("mouseover".equals(event.getNativeEvent().getType())) {
      Element cellElement = event.getNativeEvent().getEventTarget().cast();

      cellElement.setTitle('cell contents go here.');
    }
  }
}

非常感谢任何帮助。
谢谢。

Answer 1

您可以扩展 Column 类并覆盖方法 render。在渲染方法中，您可以使用属性“title”，它用于设置工具提示文本。简单示例:

SampleColumn<T> extends TextColumn<T> {

  @Override
  public void render(Context context, T object, SafeHtmlBuilder sb) {
    sb.appendHtmlConstant("<div title=\"" + getTitle(object) + "\">");
    sb.appendEscaped(getValue(object));
    sb.appendHtmlConstant("</div>");
  }

  @Override
  public String getValue(T object) {
    return displayedValue;
  }

  public String getTitle(T object) {
    return yourTooltipText;
  }
}

使用此代码时，工具提示将精确地靠近目标单元格。