GXT不工作

时间:2015-02-01 12:18:15

标签: javascript gwt gxt

我对GWT和GXT很新,我尝试了一个非常简单的应用程序makina,但它似乎不起作用。这是我的onModuleLoad()方法。它似乎都折叠到左侧部分,而不是使用可折叠元素获得一个漂亮的布局。这些元素存在,因为当我在IE上使用js-console检查它们时,它们似乎在那里,但布局已关闭。你能告诉我我做错了吗?

public void onModuleLoad() {

    Viewport viewport =new Viewport();
    final BorderLayout borderLayout = new BorderLayout();
    viewport.setLayout(borderLayout);

    BorderLayoutData northData = new BorderLayoutData(Style.LayoutRegion.NORTH);
    northData.setCollapsible(false);
    northData.setSplit(false);

    HTML headerHtml = new HTML();
    headerHtml.setHTML("<h1>RSS Reader</h1>");
    viewport.add(headerHtml,northData);

    BorderLayoutData centerData = new BorderLayoutData(Style.LayoutRegion.CENTER);
    centerData.setCollapsible(false);

    BorderLayoutData westData = new BorderLayoutData(Style.LayoutRegion.WEST,200,150,300);
    westData.setCollapsible(true);
    westData.setSplit(true);

    ContentPanel mainPanel = new ContentPanel();
    ContentPanel navPanel = new ContentPanel();

    viewport.add(mainPanel,centerData);
    viewport.add(navPanel,westData);

    RootPanel.get().add(viewport);

}

1 个答案:

答案 0 :(得分:1)

http://www.sencha.com/examples/#ExamplePlace:borderlayout处的示例显示您可以将一个小部件添加到ViewPort,这可能必须是BorderLayoutContainer。之后,您开始使用BorderLayoutData将小部件添加到此容器中。