GWT展示左側菜單中使用的小部件

我想在GWT中開發一個類似於http://gwt.google.com/samples/Showcase/Showcase.html（第一部分爲「小部件」的左側藍色菜單）上找到的垂直菜單。GWT展示左側菜單中使用的小部件

因爲它是一個GWT展示，所以可以假設左邊的菜單是一個GWT小部件，但是哪一個？

我瀏覽過每個例子，沒有一個看起來像那個菜單。任何猜測？

2012-03-27 Alban P

這是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使得+/-按鈕，讓它看起來像一個普通的樹）

如果您不應用此樣式，單元格樹看起來像左側菜單。

來源

2012-03-27 11:35:58 Stefan

我認爲這只是DisclosurePanels。 CellTree小部件在div上具有其他屬性，如__gwtcellbasedwidgetimpldispatchingfocus1。陳列櫃中也有這個。但是，是的，你可以以任何方式實施它。如果它是靜態內容，使用DisclosurePanel可能會更容易一些，但是如果它是數據支持的，那麼請使用CellTree。 – Strelok 2012-03-27 11:39:52

我確定它是CellTree小部件。如果您查看CSS內部，則會看到「__gwtCellBasedWidgetImplDispatchingblur」屬性。此外，「披露面板」是基於表格的，而左邊的菜單是以div爲基礎的。關於實施，你是對的，你可以同時做到這一點。 CellTTree並不是理解和實施的簡單小部件，因此對於使用披露面板的單調任務。 – Stefan 2012-03-27 11:58:16

感謝您的幫助！ – 2012-03-28 08:15:56

看起來就像是一個垂直排列DisclosurePanel。這裏是the docs。

來源

2012-03-27 11:38:00 Strelok

您知道Showcase示例是開源的嗎？它甚至與GWT SDK捆綁在一起。

的代碼告訴使用它的（一個DockLayoutPanel內的DockLayoutPanel範圍內）ScrollPanel內CellTree：

The UiBinder template
The code initializing the CellTree
The code initializing the TreeViewModel（包括預取分點的樣品時，你展開類別節點;以及在選擇樣本節點時更新中心面板）
the TreeViewModel itself

來源

2012-03-27 13:05:54

不，我不知道......謝謝！ – 2012-03-28 08:15:38

GWT展示左側菜單中使用的小部件

回答

相關問題