GWT可调整大小的dockpanel

时间:2014-09-15 14:17:58

标签: gwt

我的GWT应用程序中有一个停靠面板。 一切都很好

现在我想为用户添加选项,以调整dockpanel的西面板的大小 因此用户可以随时增加westpanel的宽度

请指导

代码:

    public MainPanel (){
    DockPanel dockPanel = new DockPanel();
    dockPanel.add(new NorthPanel(),
            DockPanel.NORTH);
    dockPanel.add(new SouthPanel(),
            DockPanel.SOUTH);
    dockPanel.add(new EastPanel(),
            DockPanel.EAST);
    dockPanel.add(new WestPanel(),
            DockPanel.WEST);
    RootPanel.get("loadingMessage").setVisible(false);
    initWidget(dockPanel);
}

2 个答案:

答案 0 :(得分:1)

我的推荐是使用SplitLayoutPanel,它允许用户调整东西面板的大小。你可以这样的事情。

SplitLayoutPanel splitPanel = new SplitLayoutPanel();
splitPanel.addEast(new EastPanel());
splitPanel.addWest(new WestPanel();
dockPanel.add(new NorthPanel());

dockPanel.add(splitPanel);

您还可以在拆分面板东面板和西面板之间为滑块配置图形。

http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/SplitLayoutPanel.html

答案 1 :(得分:0)

你必须使用@Chris Hinshaw所提到的SplitPanel。但要小心布局和基本面板。如果您使用的是基本面板,则使用SplitPanel,否则如果您使用的是布局面板,请使用SplitLayoutPanel。

如果您有任何疑问,请参阅以下链接

SplitPanel:http://www.giantflyingsaucer.com/blog/?p=2324

基本面板:http://www.gwtproject.org/doc/latest/DevGuideUiPanels.html#BasicPanels

布局面板:http://www.gwtproject.org/doc/latest/DevGuideUiPanels.html#LayoutPanels

有关小组的其他信息:http://www.slideshare.net/martyhall/gwt-tutorial-laying-out-windows-with-panels-part-ii-composite-panels