GWT中使用的小部件展示左侧菜单

Question

我想在GWT中开发一个类似于http://gwt.google.com/samples/Showcase/Showcase.html上的垂直菜单（左侧蓝色菜单，第一部分是“Widgets”）。

由于它是GWT展示，可以假设左侧菜单是GWT小部件，但是哪一个？

我浏览了每个例子，但没有一个看起来像那个菜单。有什么猜测吗？

Answer 1

您知道Showcase示例是开源的吗？它甚至与GWT SDK捆绑在一起。

代码告诉使用它是ScrollPanel中的CellTree（在DockLayoutPanel中的DockLayoutPanel内）：

• The UiBinder template
• The code initializing the CellTree
• The code initializing the TreeViewModel（包括在展开类别节点时预取样本的分割点;以及在选择样本节点时更新中心面板）
• the TreeViewModel itself

Answer 2

这是 CellTree小部件！

演示实际上在展示区内：CellTree，但在示例中，它应用了不同的样式：

CellTree.Resources res = GWT.create(CellTree.BasicResources.class);
CellTree.Resources res = GWT.create(CellTree.BasicResources.class);
    cellTree = new CellTree(
        new ContactTreeViewModel(selectionModel), null, res);

（这个stlyes使+/-按钮变得像常规树一样）

如果您不应用此样式，则单元格树看起来像左侧菜单。

Answer 3

看起来就像DisclosurePanel的垂直排列。以下是the docs。