在 GWT 中构建自定义树表答案

【问题标题】：Build custom tree table in GWT在 GWT 中构建自定义树表
【发布时间】：2014-07-21 16:46:33
【问题描述】：

我的问题与这篇文章完全相似。 Build tree table with GWT CellTableBuilder

我在自定义数据网格上看到了 GWT 展示示例，但它具有单级折叠结构。但我想要的不仅仅是上面帖子中提到的一级嵌套结构。我如何在“纯" GWT。请帮忙！

【问题讨论】：

标签： gwt smartgwt uibinder gwt2 gxt

【解决方案1】：

GWT 树表：

您可以使用披露面板（性能很好）。在我的项目中，我尝试使用带有单元格表的 TableCellBuilder，但没有达到我的预期。

使用 Disclosure 面板，您也可以启用动画。我从 mysql db 中一次点击动态数据创建了超过 300 个披露面板。我们可以通过在另一个披露面板中创建新的披露面板来构建多层次。

【讨论】：

这会提供树表的外观和感觉吗？
我们可以用css自定义页眉页脚和内容。使用 html 中的一些示例模板，我们可以轻松设计。
您能提供用于创建嵌套披露面板的代码示例吗？

【解决方案2】：

这里我给出了 GWT - 树表的示例代码。您可以像这样添加 n - 个子披露面板。

private DisclosurePanel getDisclosure() {
final DisclosurePanel disclosurePanel = new DisclosurePanel();
disclosurePanel.setHeader(new HTML("Top Disclosure"));
disclosurePanel.addOpenHandler(new OpenHandler<DisclosurePanel>() {
  @Override
  public void onOpen(OpenEvent<DisclosurePanel> event) {
    disclosurePanel.setHeader(new HTML("Top Disclosure"));
    // set sub1 DisclosurePanel here
    disclosurePanel.setContent(getSub1Disclosure());
  }
});
return disclosurePanel;
}

private DisclosurePanel getSub1Disclosure() {
final DisclosurePanel disclosurePanel = new DisclosurePanel();
disclosurePanel.setHeader(new HTML("Sub1 Disclosure"));
disclosurePanel.addOpenHandler(new OpenHandler<DisclosurePanel>() {
  @Override
  public void onOpen(OpenEvent<DisclosurePanel> event) {
    disclosurePanel.setHeader(new HTML("Sub1 Disclosure"));
    // set sub2 DisclosurePanel here
    disclosurePanel.setContent(getSub2Disclosure());
  }
});
return disclosurePanel;
}

【讨论】：