Создание домашней страницы с использованием панели Root

Я новичок в gwt, и мне нужна такая страница ...Создание домашней страницы с использованием панели Root

*********** Панель заголовка ******* ******

Tab1 *** Корневая панель 1

Таб2 ***

мне удалось создать все, но я не знаю, как сделать мои закладки по вертикали, как это .. .

Мой код:

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 используют таблицы underneeth, то есть ... грубое решение для создания макета.

я в основном adise использованием UiBinder:

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

Если это не слишком трудно для вас. Но это поможет вам создать HTML-файл рядом с java и более гибко при создании сложных структур.

Пример: 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

Можете ли вы привести несколько примеров для FlowPanel. – Pedi

Поместите вкладки внутри вертикальной/горизонтальной панели, которая установит их в позицию certan. Все содержимое вкладки по умолчанию скрыто, поэтому вам нужно просто щелкнуть выбранную вкладку. Это легко. Я вижу только проблему с вкладками и контентом :) Если есть что-то большее, чем сказать мне :) – Beri

Ваша вся структура неправильно. Rootpanel - это родительский макет, к которому вы добавляете другие вещи, такие как панели и виджеты. Вы ищете что-то вроде панели раскрытия информации?

Вот демо всех панелей и виджетов в GWT http://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwDisclosurePanel

источник

2014-12-04 09:08:49

Создание домашней страницы с использованием панели Root

ответ

Смежные вопросы