1

我有一个单元格表。我想在单元格表的一列中添加多个标签，并为每个标签分配一些工具提示。到目前为止我所尝试的 -

TextColumn<C> detailsColumn = new TextColumn<C>() {
  @Override
  public String getValue(C c) {
    List<String[]> cList = c.getChngd();
    if (cList == null || cList.size() == 0) {
      return null;
    }
    Label lbl;
    HorizontalPanel hpanel=new HorizontalPanel();
    for (Iterator<String[]> itr =List.iterator(); itr.hasNext();) {
      String[] detail = itr.next();
      lbl=new Label();
      lbl.setText(detail[0]);
      lbl.addMouseOverHandler(new MouseOverHandler() {
        @Override 
        public void onMouseOver(MouseOverEvent event) {
          Widget source = (Widget)event.getSource();
          source.setTitle("tooltip");
        }
      });
      hpanel.add(lbl);
    }
    return hpanel.getElement().getInnerText();
  }
};

它不工作。有相同的解决方案吗？

4

1 回答 1

2

我会将工具提示逻辑移动到Cell，而不是 的getCell()方法中Column，该方法仅用于检索单元格将要呈现的基础数据。

如果您想要一个简单的基于标题的单元格，以下应该可以工作。它创建一个文本单元格，其数据值包含在带有标题的 div 中。

public class TooltipTextCell extends TextCell {
  public interface Template extends SafeHtmlTemplates {
    @Template("<div title=\"{1}\" />{0}</div>")
    SafeHtml label(SafeHtml text, String title);
  }
  private static Template template;

  public TooltipTextCell() {
    super();
    if (template == null) {
      template = GWT.create(Template.class);
    }
  }

  @Override
  public void render(Context context, SafeHtml value, SafeHtmlBuilder sb) {
    if (value != null) {
      sb.append(template.label(value, value.asString()));
    }
  }
}

如果要创建一个列，其中每个单元格可以包含多个此类TooltipTextCell，则必须使用CompositeCell.

于 2013-04-03T11:19:38.583 回答