與子項目GWT TreeItems - 重疊擴大項目

我一直在嘗試通過互聯網搜索整體，但遺憾的是 - 我找不到任何答案。與子項目GWT TreeItems - 重疊擴大項目

我的問題是：我使用GWT創建Web應用程序。只要乾淨GWT，沒有任何特殊的部件等。我有我的應用程序一個簡單的佈局（北 - 帶有按鈕的酒吧，在西部 - 一棵樹，在中心 - 一個個tabpanel）。問題是我想爲樹中的項目製作子項目。對樹來說沒問題（我的意思是項目正確添加，項目左側出現'+'符號，它有子項目）。

唯一的問題是，當我在調試運行的應用程序/或運行部署到應用服務引擎 - 擴大treeitem與子項是造成元件的重疊（如在S.SHOT示出）。

http://s17.postimg.org/jpk9yzq5r/gwt_tree.png

而且這裏是我的樹代碼項目：

final TreeItem trtmNewItem = new TreeItem("Rejestr kontrahentów"); 

    trtmNewItem.setHeight("30px"); 
    trtmNewItem.setState(true); 
    /* TreeItem treeItem = trtmNewItem.addItem("Dodaj kontrahenta"); 
    treeItem.setHeight("30px"); */ 
    trtmNewItem.addItem("Dodaj kontrahenta"); 


    final TreeItem trtmNewItem_1 = new TreeItem("Faktury przychodzące"); 
    trtmNewItem_1.setText("Faktury przychodzące"); 

    trtmNewItem_1.setHeight("30px"); 
    trtmNewItem_1.setState(true); 

    final TreeItem trtmNewItem_2 = new TreeItem("Faktury wychodzące"); 

    trtmNewItem_2.setHeight("30px"); 
    trtmNewItem_2.setState(true); 

    final TreeItem trtmNewItem_3 = new TreeItem("Umowy"); 

    trtmNewItem_3.setHeight("30px"); 
    trtmNewItem_3.setState(true); 

    final TreeItem trtmNewItem_4 = new TreeItem("Kalendarz"); 

    trtmNewItem_4.setHeight("30px"); 
    trtmNewItem_4.setState(true); 

    Tree tree = new Tree(); 
    tree.setAnimationEnabled(false); 
    dockLayoutPanel_3.add(tree); 
    tree.addItem(trtmNewItem_5); 
    tree.addItem(trtmNewItem); 
    tree.addItem(trtmNewItem_1); 
    tree.addItem(trtmNewItem_2); 
    tree.addItem(trtmNewItem_3); 
    tree.addItem(trtmNewItem_4);

這實在是煩人，我不希望使用任何其他部件庫（也許有一天，當這個程序將工作良好，穩定......）。

預先感謝您！ Regs Tom

來源

2014-03-13 T.Fruba

不要在樹項目上設置高度。使用CSS設置樹的樣式，方法是在樹項上設置樹高或行間高度（如果文本可以包裝在樹項中，則更好）。

例如，您可以添加到您的CSS文件：

.gwt-Tree .gwt-TreeItem { 
    margin-top: 6px !important; 
}

來源

2014-03-13 13:59:34

沒錯。這就是訣竅;）謝謝！ –

與子項目GWT TreeItems - 重疊擴大項目

回答

相關問題