javascript - GXT 不工作

Question

我对 GWT 和 GXT 很陌生，我尝试制作一个非常简单的应用程序，但它似乎不起作用。这是我的 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);

}

Answer 1

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