Question

我的HTML中有宽条形DIV，并希望在它的两侧（左侧和右侧）放置两组小部件。我以为DockPanel会帮助我，但事实并非如此。

以下代码将图像和按钮放在条形图的左侧，尽管事实上我为它们设置了相反的方向。这是什么原因？

@Override
public void onModuleLoad() {

    Image logo = new Image("images/online.png");

    HorizontalPanel leftPanel = new HorizontalPanel();
    leftPanel.add(logo);

    PushButton userListButton = new PushButton(new Image("images/Bullet-Arrow-Up-32.png"));

    HorizontalPanel rightPanel = new HorizontalPanel();
    rightPanel.add(userListButton);

    DockPanel mainPanel = new DockPanel();
    mainPanel.add(leftPanel, DockPanel.WEST);
    mainPanel.add(rightPanel, DockPanel.EAST);

    RootPanel.get("manubar").add(mainPanel);

}

谢谢！

Answer 1

您需要指定mainPanel的大小，否则它就像它的内容一样大。尝试：

mainPanel.setSize("100%");

此示例也可能有所帮助。

http://examples.roughian.com/index.htm#Panels~DockPanel

如何将小部件放在该区域的两侧（左/右）？ DockPanel不起作用

1 个答案: