GWT exT - Configuração

Galera, mas uma vez aqui estou precisando de ajuda. Começei a mecher com o GWT, baixei as bibliotecas do ext que possui alguns componentes realmente úteis. Só estou com um problema, ele compila só que não aparece nada, depois que eu tentei setar o layout fica tudo em branco. Antes o menu virava um botão e etc…
Dai eu tentei copiar o fonte de um exemplo e tentar colocar pra rodar, fora isso só alterei o xml adicionando as tags

<inherits name='com.extjs.gxt.ui.GXT'/> <inherits name='com.extjs.gxt.themes.Themes' />

e coloquei a classe no principal:

/*
 * danielfigueiredoEntryPoint.java
 *
 * Created on 22 de Abril de 2009, 12:38
 *
 * To change this template, choose Tools | Template Manager
 * and open the template in the editor.
 */
package br.com.client;

import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.custom.ThemeSelector;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.menu.CheckMenuItem;
import com.extjs.gxt.ui.client.widget.menu.DateMenu;
import com.extjs.gxt.ui.client.widget.menu.Menu;
import com.extjs.gxt.ui.client.widget.menu.MenuItem;
import com.extjs.gxt.ui.client.widget.menu.SeparatorMenuItem;
import com.extjs.gxt.ui.client.widget.toolbar.AdapterToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.FillToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.SeparatorToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.SplitToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.TextToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.ToggleToolItem;
import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;
import com.google.gwt.core.client.EntryPoint;

/**
 *
 * @author Daniel
 */
public class danielfigueiredoEntryPoint extends LayoutContainer implements EntryPoint {

    /** Creates a new instance of danielfigueiredoEntryPoint */
    public danielfigueiredoEntryPoint() {
    }

    public void onModuleLoad() {
        setLayout(new FlowLayout(10));

        ToolBar toolBar = new ToolBar();

        TextToolItem item1 = new TextToolItem("Button w/ Menu");
        item1.setIconStyle("icon-menu-show");

        Menu menu = new Menu();
        CheckMenuItem menuItem = new CheckMenuItem("I Like Cats");
        menuItem.setChecked(true);
        menu.add(menuItem);

        menuItem = new CheckMenuItem("I Like Dogs");
        menu.add(menuItem);
        item1.setMenu(menu);

        menu.add(new SeparatorMenuItem());

        MenuItem radios = new MenuItem("Radio Options");
        menu.add(radios);

        Menu radioMenu = new Menu();
        CheckMenuItem r = new CheckMenuItem("Blue Theme");
        r.setGroup("radios");
        r.setChecked(true);
        radioMenu.add(r);
        r = new CheckMenuItem("Gray Theme");
        r.setGroup("radios");
        radioMenu.add(r);
        radios.setSubMenu(radioMenu);

        MenuItem date = new MenuItem("Choose a Date");
        date.setIconStyle("icon-calendar");
        menu.add(date);

        date.setSubMenu(new DateMenu());

        toolBar.add(item1);

        toolBar.add(new SeparatorToolItem());

        SplitToolItem splitItem = new SplitToolItem("Split Button");
        splitItem.setIconStyle("icon-list-items");

        menu = new Menu();
        menu.add(new MenuItem("<b>Bold</b>"));
        menu.add(new MenuItem("<i>Italic</i>"));
        menu.add(new MenuItem("<u>Underline</u>"));
        splitItem.setMenu(menu);

        toolBar.add(splitItem);

        toolBar.add(new SeparatorToolItem());

        ToggleToolItem toggle = new ToggleToolItem("Toggle");
        toolBar.add(toggle);

        toolBar.add(new SeparatorToolItem());
        toolBar.add(new FillToolItem());
        toolBar.add(new AdapterToolItem(new ThemeSelector()));

        ContentPanel panel = new ContentPanel();
        panel.setCollapsible(true);
        panel.setFrame(true);
        panel.setHeading("ToolBar & Menu Demo");
        panel.setLayout(new FitLayout());
        panel.setSize(450, 300);
        panel.setTopComponent(toolBar);

        LayoutContainer c = new LayoutContainer();
        c.setStyleAttribute("backgroundColor", "white");
        c.setBorders(true);
        panel.add(c);

        add(panel);
    }
}

Desculpe a ignorancia, é que to com dificuldade pra entender essas configurações, entender pra que serve cada arquivo que tem na estrutura, o que posso adicionar nos arquivos e etc…
Programar e usar os componentes é fácil ^^

Agradeço desde já galera!

1 Resposta

Topicos relacionados