使用根面板創建主頁

我是新來的gwt，我想要一個這樣的頁面...使用根面板創建主頁

*********** Header panel ******* ******

TAB1 ***根面板1

TAB2 ***

我設法創造一切，但我不知道如何讓我的標籤垂直這樣的.. 。我的代碼是

public void onModuleLoad() { 
    headerRightPanel.add(portalLabel); 
    //Tabs which I want it vertical 
    headerRightPanel.add(orderMenu); 
    headerRightPanel.add(homeMenu); 
    headerRightPanel.add(logout); 

    logout.addClickListener(this); 
    homeMenu.addClickListener(this); 
    orderMenu.addClickListener(this); 

    headerPanel.setVisible(false); 
    homeMenu.setStyleName("menuEnabled"); 
    orderMenu.setStyleName("menuEnabled"); 
    logout.setStyleName("menuEnabled"); 

    headerRightPanel.setStyleName("menuPanel"); 
    portalLabel.addStyleName("portalLabel"); 

    Image img = new Image("images/logo1.PNG"); 
    headerLeftPanel.add(img); 
    headerLeftPanel.setStyleName("menuLeftPanel"); 
    headerPanel.add(headerLeftPanel); 
    headerPanel.add(headerRightPanel); 
    RootPanel.get("imageContainer").add(img1); 
    RootPanel.get("sendButtonContainer").add(login); 
    RootPanel.get("headerContainer").add(headerPanel); 
}

來源

2014-12-04 Pedi

如果你想保持在垂直位置的元素，使用VerticalPanel：

http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/VerticalPanel.html

GWT有很多組成部分，可惜的是那些那些正在使用表，而不是CSS。

但是在這個例子中，我會用一個css解決方案。並保持與divs（FlowPanel與CSS類）。 GWT Vertical和Hirozontal Panels正在使用表下，這是一個粗略的解決方案，用於創建佈局。

我將主要使用adise UiBinder的：

http://www.gwtproject.org/doc/latest/DevGuideUiBinder.html

如果不是太難爲你了。但它可以幫助你在java旁邊創建一個HTML fil，並且在構建複雜結構時更加靈活。

例子：FlowPanel會產生一個DIV的DOM，這樣你就可以添加類吧，設置樣式，CSS，隱藏，顯示它，等

FlowPanel flowpanel = new FlowPanel(); 
flowpanel.addStyleName("css-name"); // yuo can add many css classes 
flowpanel.hide().show()// you can hide and show it. 
flowPanel.add(new FlowPanel())// you can add other elements to it.

來源

2014-12-04 08:27:09 Beri

你的意思（Ordermenu，homemenu，註銷）選項卡上的演示？ – Pedi 2014-12-04 08:30:39

你可以給我一些FlowPanel的例子。 – Pedi 2014-12-04 08:32:49

將標籤放置在垂直/水平面板內，將其設置在標準位置。所有標籤內容默認隱藏，所以你只需要點擊顯示選擇標籤。這很容易。我只看到標籤和內容的問題:)如果有更多的東西，比告訴我:) – Beri 2014-12-04 08:32:57

你的整體結構是錯誤的。 Rootpanel是您添加其他內容（如面板和小部件）的父級佈局。你是否在尋找披露面板？

這裏是所有的面板和部件的GWT垂直面板 http://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwDisclosurePanel

來源

2014-12-04 09:08:49

使用根面板創建主頁

回答

相關問題